social-reddit-card
Gera um cartão realista de postagem do Reddit com contagem de votos e comentários. É perfeito para usar em sobreposições de vídeo ou para compartilhar em histórias.
O que ela faz
Esta ferramenta cria uma imagem de um post do Reddit, completa com a barra de votos e contagem de comentários. É ideal para usar em vídeos ou para compartilhar em redes sociais.
Quando usar
- ✓Quando você quer transformar uma história curta em um post visual do Reddit.
- ✓Para criar um card chamativo para compartilhar em redes sociais.
- ✓Ao editar vídeos e precisar de um elemento gráfico de post de rede social.
Exemplo do que pedir para a IA
“Transforme esta história em um post do Reddit: 'Fui passear no parque e vi um cachorro usando óculos de sol!'”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
A ferramenta pega o texto que você fornece e o formata como se fosse um post real do Reddit, adicionando elementos visuais como a barra de votos e comentários. Ela cuida do design para que pareça autêntico.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add nexu-io/open-design --skill social-reddit-cardOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/plugins/_official/examples/social-reddit-card/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
【Modelo: Cartão de Post do Reddit】 【Intenção】Renderizar uma história / pergunta / piada em um cartão de post do Reddit, para sobreposição de vídeo e compartilhamento em histórias de mídia social. Inspirado em hyperframes reddit-post.
【Tela】1280×720 (sobreposição de vídeo) ou 800×600 (compartilhamento de cartão único); fundo transparente ou escuro #0b1416.
【Estrutura do Cartão】
- Moldura: cantos arredondados 16px, fundo branco
#ffffff(claro) ou#1a1a1b(escuro, recomendado para sobreposição de vídeo), borda 1px#edeff1/#343536. - Barra de votos à esquerda (40-56px de largura):
- Seta para cima ▲ (16px,
#878a8c, muda para laranja ao passar o mouse#ff4500). - Contagem de votos (Inter, 17px, peso 700, centralizado, cor: 0 cinza / laranja positivo / azul negativo); números grandes no formato
12.3k. - Seta para baixo ▼ (muda para azul ao passar o mouse
#7193ff).
- Seta para cima ▲ (16px,
- Área principal:
- Linha de meta superior: ícone do subreddit (círculo CSS + letra) +
r/subreddit(negrito) +· Posted by u/username · 3h(cinza pequeno). - Título (Inter / IBM Plex Sans, 22-28px, peso 500, texto escuro).
- Conteúdo: corpo de 16px ou bloco de citação ou 1 imagem (espaço reservado com gradiente CSS).
- Linha de ação inferior: 💬
1.2k Comments· 🏆 Prêmios · ⤴️ Compartilhar · ícone ⋯.
- Linha de meta superior: ícone do subreddit (círculo CSS + letra) +
- Logo Reddit Snoo no canto superior direito (SVG inline, laranja
#ff4500).
【Fontes】
- Principal:
IBM Plex Sans→ fallbackInter, peso 400/500/700. - Números: mesma fonte principal.
- Chinês:
Noto Sans SC.
【Detalhes de Design】
- Modo claro: fundo
#fff, texto#1c1c1c, secundário#7c7c7c. - Modo escuro (recomendado): fundo
#1a1a1b, texto#d7dadc, secundário#818384, borda#343536. - Cores da contagem de votos: positivo =
#ff4500, negativo =#7193ff, 0 =#878a8c. - A área de clique do título pode ter um leve fundo ao passar o mouse.
- Proibido imagens de links externos; use gradiente CSS + descrição para espaço reservado de imagem.
- Use estritamente o conteúdo fornecido pelo usuário; gere automaticamente subreddit / nome de usuário / contagem de votos razoáveis.
- HTML de arquivo único; ícones SVG inline (setas para cima/baixo, balão de comentário, troféu).
Perguntas frequentes
Posso escolher as cores?
A ferramenta usa um design inspirado no Reddit, com opções de modo claro e escuro. As cores principais são definidas para manter a aparência do Reddit.
E se eu quiser adicionar uma imagem?
A ferramenta pode mostrar um espaço reservado para uma imagem com um gradiente, mas não permite o uso de imagens externas diretamente. O foco é no texto e na estrutura do post.
A ferramenta inventa os números de votos e comentários?
Sim, a ferramenta gera automaticamente números de votos e comentários para dar um aspecto realista ao post do Reddit.
Detalhes
Descrição original do autor
Realistic Reddit post card with vote rail and comment count, suited to video overlays or story sharing.
repo: nexu-io/open-design
Popularidade
- Estrelas no GitHub
- 101 mil
- Posição no ranking
- #583
- Licença
- Apache-2.0
- Atualizada em
- 16/10/2026
Comentários
- …
Mais skills deste repositório
sample-plugin
Faz seu agente criar um arquivo de metadados para testes. Ele ajuda a garantir que o código funcione corretamente em diferentes situações.
nexu-io/open-design
aster-atelier
Ajuda seu agente a criar um site artístico com visual clássico. Ele usa imagens elegantes, céus azuis e fontes serifadas para um visual cinematográfico.
nexu-io/open-design
audio-jingle
Faz seu agente gerar áudio como jingles e efeitos sonoros. Ele pode criar músicas e vozes, salvando o resultado em um arquivo de áudio.
nexu-io/open-design
blog-post
Ajuda seu agente a escrever artigos longos ou posts de blog. Ele inclui espaços para imagens, citações e informações do autor.
nexu-io/open-design
Skills parecidas
ios-icon-gen
Faz seu agente gerar ícones para aplicativos iOS. Ele usa símbolos da Apple ou ícones de outras fontes para criar os arquivos corretos.
affaan-m/ECC
algorithmic-art
Ajuda seu agente a criar arte usando código, gerando imagens únicas. É útil quando você quer arte original feita por computador.
anthropics/skills
canvas-design
Ajuda seu agente a criar artes visuais bonitas em arquivos. É útil quando você pede um pôster, uma arte ou qualquer design estático.
anthropics/skills