Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Image skill
Transforma especificações JSON em imagens SVG e PNG com Satori, como imagens Open Graph
- instalações
- 1.500
- estrelas no GitHub
- 18,8 mil
- No skills.sh desde
- março de 2026
- Licença
- Apache-2.0
Atualizada no GitHub em 24 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
Image renderer for json-render that turns JSON specs into SVG and PNG images via Satori. Use when working with @json-render/image, generating OG images from…
Segurança
Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.
- Gen Agent Trust HubPassou
- SocketPassou
- SnykPassou
Perguntas
Como instalar a Image no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Image, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
Levar essa skill
1x imageR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/vercel-labs/json-render
Aprenda a usar
- Social media: o que faz, curso e o pacote com IA
Social media cuida das redes sociais de empresas. Veja o que faz, qual curso vale a pena e como sair do post barato para pacotes de R$ 2.500 a R$ 6.000.
Na mesma prateleira
Ver as 1.296 skills do corredorHeyGen
heygen
Você manda o tema ou o roteiro e recebe um vídeo com apresentador de IA falando, sem gravar nada, gerado na sua conta da HeyGen.1.700 instalações, grátischarlie947
youtube-
Do título do vídeo ao prompt pronto pro Gemini: rosto grande, até 5 palavras na capa, duas cores e contraste que se lê na tela do celular.Auditada1.600 instalações, grátisthumbnail lwmxiaobei
yt-
Você cola o link e o Claude baixa o vídeo na qualidade que você escolher ou tira só o áudio em MP3, M4A ou WAV.1.600 instalações, grátisdlp vox-
Você traz uma pergunta e os fatos com fonte; o Claude monta um explicativo com papel rasgado, letra forte e trilha, pronto pro LinkedIn, Reels ou YouTube.Auditada1.500 instalações, grátisexplainer digitalsamba
elevenlabs
Você escreve o roteiro e sai com a narração em MP3, o efeito sonoro e a trilha de fundo prontos pra entrar no vídeo.Auditada1.200 instalações, grátishaidrrrry
remotion-
O Claude monta Reels, aberturas e vídeos de lançamento no Remotion com animação de verdade e confere os quadros antes de entregar.Auditada1.100 instalações, grátismotion- graphics mitsuhiko
openscad
Você descreve a peça e o Claude escreve o modelo em OpenSCAD, olha as imagens de vários lados atrás de defeito e entrega o STL pronto pra imprimir.Auditada1.000 instalações, grátiscalesthio
comfyui
O Claude gera imagem, vídeo e música no seu ComfyUI pelo OpenMontage, escolhe o workflow que cabe na sua placa de vídeo e diz o que falta instalar.Auditada910 instalações, grátis
Mais da loja Vercel Labs
Ver a loja Vercel LabsVercel Labs
find-
Em vez de fazer tudo do zero, o Claude acha uma skill já testada pra tarefa, mostra de onde ela vem e instala com um comando.Oficial4 milhões de instalações, grátisskills agent-
O Claude abre o Chrome, navega, clica, preenche e testa o seu site sozinho, e você recebe os prints e os dados no fim.Oficial1,2 milhão de instalações, grátisbrowser vercel-
O agente escreve e revisa seu código React e Next.js seguindo 70 regras de desempenho da Vercel, das que mais pesam às de detalhe.OficialAuditada838,7 mil instalações, grátisreact- best- practices web-
Você aponta os arquivos do site e recebe a lista do que fere as boas práticas de interface, com o arquivo e a linha de cada problema.Oficial784,3 mil instalações, grátisdesign- guidelines vercel-
O Claude para de empilhar props como isEditing e isThread e monta componentes que se combinam, mais fáceis de manter por gente e por IA.OficialAuditada418,1 mil instalações, grátiscomposition- patterns vercel-
O Claude escreve e revisa seu app em React Native ou Expo seguindo regras que deixam lista, animação e navegação fluidas no celular.OficialAuditada254,5 mil instalações, grátisreact- native- skills deploy-
Você pede pra pôr o projeto no ar e recebe o link da Vercel; se o projeto tem Git, fica ligado pra cada push publicar de novo sozinho.Oficial169,7 mil instalações, grátisto- vercel vercel-
Cria animações nativas entre estados da interface com a View Transition API do ReactOficialAuditada167,6 mil instalações, grátisreact- view- transitions vercel-
Publica e gerencia projetos na Vercel pela CLI usando token de acesso, sem login interativoOficial135,8 mil instalações, grátiscli- with- tokens vercel-
O Claude lê as métricas de produção do seu projeto na Vercel e devolve recomendações em ordem pra baixar a conta e acelerar as rotas que pesam.OficialAuditada110,6 mil instalações, grátisoptimize writing-
O Claude lê seus textos de documentação e devolve a lista do que fere o guia de escrita da Vercel, linha por linha.Oficial106,4 mil instalações, grátisguidelines Vercel Labs
ai-
O Claude coloca chat, agente ou geração de texto no seu app conferindo a documentação da versão instalada, em vez de chutar de memória.Oficial66,1 mil instalações, grátissdk