Para criadores de conteúdo
Skills geradoras de imagens OG para agentes de IA
Instale uma Skill, passe ao seu agente o título da página e um título curto e receba uma imagem de compartilhamento em um de 49 estilos. O mesmo visual sempre que você publicar.
Funciona com
e mais de 30 outros agentes
e mais de 30 outros agentesExemplos de imagem OG por estilo
Cada card é uma imagem real feita pela Skill. Abra um para ver o conjunto completo, as entradas e o que ela precisa para rodar.
Resposta rápida
O que é uma imagem Open Graph?
Uma imagem Open Graph (OG) é a figura que aparece quando um link é compartilhado no X, LinkedIn, Slack ou iMessage. A página a define em uma meta tag og:image. Sem ela, o compartilhamento mostra só um link ou um recorte aleatório.
Post
Skillry@skillrydev · 2h
Novo guia: dê a cada página que você compartilha uma boa prévia de link. skillry.dev/learn
Practical skills, ready when you areDe skillry.dev
Esta imagem é a imagem OG124832618K
Dana Ortiz@danaships · 1h
@skillrydev Vou fazer isso no meu blog em seguida. Foi a prévia que me fez parar de rolar.
19640
<meta property="og:image">- Tamanho recomendado
- 1200 × 630 px (1.91:1)
- O que estas Skills entregam
- Uma imagem 16:9 por execução, como 1200 × 675
- Cabe em prévias 1.91:1?
- Sim, com um leve corte em cima e embaixo
- Você fornece
- Nome da marca ou do projeto, um título curto, contexto da página
- Texto na imagem
- Um título curto; textos longos não são suportados
- Custo de execução
- Geração de imagens paga na sua própria conta FAL
Gere uma imagem de compartilhamento a partir do seu título
Três passos no Claude Code, Codex ou qualquer agente que leia SKILL.md.
1Instale a Skill
Copie o prompt de instalação na página da Skill e cole no seu agente.
2Passe seu título
Dê um nome à página, escreva um título curto e diga para quem ela é.
3Confira e publique
Revise a imagem, mantenha o título legível em tamanho de miniatura e depois defina-a como
og:image.
Por que não pedir simplesmente à sua IA uma imagem OG?
Pedir diretamente gera um resultado. Uma Skill adiciona o que torna esse resultado confiável e repetível.
Pedir à sua IACom esta Skill
Ponto de partidaPedir à sua IA: Você descreve um estilo do zero a cada vezUma receita visual fixa para um estilo, pronta já na primeira execução
TítuloPedir à sua IA: O texto muitas vezes sai embaralhado ou longo demaisUm título curto com layout e hierarquia definidos
ConsistênciaPedir à sua IA: Cada página fica com um visual um pouco diferenteO mesmo estilo em cada página que você publica
EntregaPedir à sua IA: Uma imagem avulsa no chatUm arquivo de imagem salvo e um prompt que você pode rodar de novo
FAQ do gerador de imagens OG
O que estas Skills não fazem
- Não verificam nem testam as tags
og:imageque você já tem. - Não escrevem as meta tags no seu site por você.
- Não são indicadas para textos longos ou gráficos complexos dentro da imagem.
Qual deve ser o tamanho de uma imagem OG?
Use 1200 × 630 px (proporção 1.91:1) para o maior suporte. Estas Skills geram imagens 16:9, que a maioria das plataformas exibe com um pequeno corte em cima e embaixo, então mantenha o título longe das bordas.
Existe alguma Skill de imagem OG gratuita?
Sim. As Skills de OG Notion Style e Linktree Style são gratuitas para instalar. Assim como as pagas, elas usam geração de imagens na sua própria conta FAL, cobrada pela FAL.
Posso adicionar meu logo?
Passe ao agente o nome da sua marca ou projeto e descreva onde o logo vai. Para um arquivo de logo exato, aplique-o na imagem pronta no seu editor; as Skills não prometem renderizar o logo com precisão de pixel.
Quais agentes rodam estas Skills?
Qualquer agente que leia pastas SKILL.md, incluindo Claude Code, Codex, Cursor e Gemini CLI. É preciso Node.js 20 ou mais recente para o script de geração incluído.
Mais tarefas para criadores de conteúdo
Cada tarefa tem suas próprias Skills, exemplos reais e FAQ.
Imagens de capa para blogUma imagem principal que sustenta o argumento
Artes de citaçãoUma ideia, um card quadrado
Ilustrações para artigosUma ideia do seu artigo, desenhada
Sites de uma páginaUm site de produto inteiro em um único arquivo HTML