card-twitter
Faz seu agente criar cartões para o Twitter. É bom para compartilhar citações ou dados de forma visualmente atraente em posts.
O que ela faz
Essa ferramenta cria uma imagem de cartão para o Twitter. Ela pega uma frase inspiradora, dados ou uma citação e a transforma em um cartão visualmente atraente, pronto para ser postado no Twitter.
Quando usar
- ✓Quando você quer compartilhar uma frase marcante de um livro ou artigo.
- ✓Para apresentar um dado interessante de forma visual.
- ✓Ao querer divulgar uma citação de alguém famoso.
Exemplo do que pedir para a IA
“Crie um cartão para o Twitter com a frase 'A persistência é o caminho do êxito.' de Mahatma Gandhi, com um fundo escuro.”
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
Você me diz qual frase, dado ou citação quer usar, e eu a coloco em um design de cartão bonito. Posso escolher cores claras ou escuras dependendo do tom da sua mensagem e adiciono detalhes como nome do autor e um pequeno logo.
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 card-twitterOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/plugins/_official/examples/card-twitter/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 Compartilhamento do Twitter】
- Um contêiner
w-[1600px] h-[900px], com opção de tema escuro/claro, escolhido com base no tom do conteúdo. - Uma frase central de destaque (tamanho de fonte text-6xl, font-semibold, limitada a 2-3 linhas).
- Abaixo, assinatura do autor + espaço reservado para avatar + @ do autor.
- Pequena etiqueta no canto superior esquerdo (Tipo: "Insight" / "Data" / "Quote").
- Marca d'água da marca no canto inferior direito.
- O cartão inteiro tem uma textura sutil (grade / ruído / padrão de pontos).
- Após a captura de tela, pode ser postado diretamente com um tweet, com visual limpo e impactante.
Perguntas frequentes
Que tipo de informação posso colocar no cartão?
Você pode colocar frases inspiradoras, dados importantes ou citações de pessoas.
Posso escolher as cores do cartão?
Sim, você pode pedir um fundo claro ou escuro, e a cor pode ser ajustada com base no sentimento da sua mensagem.
O que são 'hero text' e 'handle'?
'Hero text' é a frase principal e maior no cartão. 'Handle' é o nome de usuário no Twitter, como @exemplo.
Detalhes
Descrição original do autor
Twitter quote or data card designed to pair with a post.
repo: nexu-io/open-design
Popularidade
- Estrelas no GitHub
- 101 mil
- Posição no ranking
- #532
- 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
accessibility
Ajuda seu agente a criar interfaces que todos possam usar. Garante que sites e aplicativos funcionem bem para pessoas com deficiência, como cegos ou com mobilidade reduzida.
affaan-m/ECC
design-system
Ajuda seu agente a criar um sistema de design a partir de um código existente. Ele extrai informações visuais e verifica a consistência, gerando um relatório e uma prévia interativa.
affaan-m/ECC
liquid-glass-design
Ajuda seu agente a criar interfaces de usuário com efeito 'Liquid Glass' para iOS. Permite adicionar efeitos visuais dinâmicos e interativos em SwiftUI e UIKit.
affaan-m/ECC