Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Design And Templates skill
Monta um kit de marca e modelos reutilizáveis pra quem não é designer criar gráficos consistentes
- instalações
- 692
- estrelas no GitHub
- 198
- No skills.sh desde
- julho de 2026
- Licença
- MIT
Atualizada no GitHub em 15 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
The reusable on-brand template-SYSTEM skill -- build a brand kit + a small set of reusable templates so a non-designer can produce consistent on-brand graphics…
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 Design And Templates 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 Design And Templates, 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 design-and-templatesR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/social-media-skills/skills
Aprenda a usar
- Claude Design: como usar, até no plano grátis
O Claude Design cria tela de site, protótipo e slide conversando, e agora vem até no plano grátis. Veja onde abrir, como usar e como levar pro Claude Code.
Na mesma prateleira
Ver as 1.414 skills do corredorexistential-birds
tailwind-
O Claude monta o Tailwind 4 sem arquivo de configuração, com as cores, fontes, espaçamentos e animações da sua marca definidos direto no CSS.Auditada812 instalações, grátisv4 prisma-labs-dev
hig
O Claude responde com o que a Apple pede de fato, como área de toque de 44 pontos e Dynamic Type, antes de você mandar o app pra revisão.Auditada791 instalações, grátissickn33
antigravity-
O Claude monta landing pages e painéis com cards que flutuam, vidro fosco, profundidade e entrada animada conforme a pessoa rola a página.Auditada772 instalações, grátisdesign- expert mindrally
anime-
O Claude anima seu site com Anime.js do jeito certo: movimento que não engasga, sequências bem amarradas e respeito a quem prefere menos animação.Auditada736 instalações, grátisjs wearescientist
awesome-
O Claude escolhe o estilo de uma marca grande que combina com o seu produto e redesenha as telas com as cores, fontes e espaçamentos dela.Auditada658 instalações, grátisdesign- md prowler-cloud
tailwind-
O Claude estiliza seus componentes com as classes do Tailwind e do tema, sem cor solta no meio do código, e o visual fica fácil de manter.Auditada612 instalações, grátis4 dominikmartn
nothing-
O Claude desenha telas e painéis monocromáticos, guiados pela tipografia, com modo claro e escuro caprichados e nenhum enfeite sobrando.Auditada596 instalações, grátisdesign 199-biotechnologies
motion-
O Claude anima seu site com o Motion, sucessor do Framer Motion: entradas suaves, efeitos na rolagem e botões que respondem ao toque, sem travar.Auditada593 instalações, grátisdev- animations
Mais da loja social-media-skills
Ver a loja social-media-skillssocial-media-skills
hook-
Escreve o gancho de abertura: 1ª linha da legenda, 3 primeiros segundos do vídeo, capa de carrosselAuditada1.000 instalações, grátiswriter short-
Escreve roteiros de vídeo vertical curto (Reels, TikTok, Shorts) pensados pra segurar o espectador até o fimAuditada1.000 instalações, grátisform- video- script brand-
Carrega ou cria o perfil da marca (quem é, quem atende, como fala) antes de qualquer skill de redes sociais927 instalações, grátisprofile reels-
Escreve roteiro de Reels do Instagram para ver sem som, com gancho nos primeiros 3 segundosAuditada909 instalações, grátisscript viral-
Descobre por que um conteúdo viralizou e extrai o mecanismo repetível pra aplicar nos seusAuditada853 instalações, grátisreverse- engineering voice-
Monta um guia de voz (voice.md) com textos reais de uma pessoa ou marca, para outras skills escreverem igualAuditada818 instalações, grátisbuilder caption-
Escreve legendas nativas de cada rede social, no tom da marca: Instagram, LinkedIn, TikTok e FacebookAuditada812 instalações, grátiswriter instagram-
Diagnostica onde trava o crescimento no Instagram: alcance, conversão em seguidor, retenção ou enviosAuditada811 instalações, grátisgrowth content-
Monta um calendário de conteúdo com ritmo de postagem repetível: pilares e formatos em cada diaAuditada783 instalações, grátiscalendar capcut
O Claude planeja cada corte, legenda e trilha do seu Reels ou TikTok e avisa onde a música ou a nuvem do CapCut podem dar problema.Auditada776 instalações, grátiscontent-
Define os pilares de conteúdo de uma marca: 3 a 5 temas recorrentes entre o perfil da marca e o calendárioAuditada766 instalações, grátispillars tiktok-
Escreve roteiro de TikTok pensado pro som e pro FYP, com um gancho de 1 segundoAuditada765 instalações, grátisscript