Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
n8n Content Design skill
Atua como content designer de UI: escreve e revisa botões, mensagens de erro, tooltips e estados vazios
- instalações
- 277
- estrelas no GitHub
- 208,6 mil
- No skills.sh desde
- maio de 2026
- Licença
- Própria
Atualizada no GitHub em 26 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no GitHub.
Nas palavras de quem fez
Product content designer for UI copy. Use when writing, reviewing, or auditing user-facing text: button labels, error messages, tooltips, empty states, modal…
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 HubAinda não auditada
- SocketAinda não auditada
- SnykAinda não auditada
Perguntas
Como instalar a n8n Content Design 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 n8n Content Design, 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 n8n:content-designR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/n8n-io/n8n
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 corredorwearescientist
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 martinholovsky
webgl
O Claude escreve shaders e efeitos 3D no navegador que não derrubam a página: tratam a perda do contexto, limitam memória e têm plano B sem WebGL.Auditada555 instalações, grátismanutej
figma-
O Claude escreve plugins que fazem no Figma o trabalho repetitivo: montar o design system, criar variações de botão, exportar todas as telas em 1x e 2x.Auditada542 instalações, grátisdesign albermonte
material-
O Claude desenha ou revisa telas de app Android no Material 3 Expressive, com os tokens certos de cada componente e as checagens de acessibilidade.Auditada502 instalações, grátis3- expressive Vercel Labs
emil-
Telas que respondem do jeito certo: botão que reage ao clique, menu que abre rápido e animação só onde ela ajuda.OficialAuditada358 instalações, grátisdesign- eng
Mais da loja n8n
Ver a loja n8nn8n
n8n-
Guia um workflow do n8n do planejamento à entrega, com layout organizado e descrições do porquêOficialAuditada2.400 instalações, grátisworkflow- lifecycle- official n8n-
Cria, edita, testa, publica e depura agentes de IA nativos do n8nOficial2.100 instalações, grátisagents- official n8n-
Depura workflows do n8n que dão erro ou devolvem resultado diferente do esperadoOficial2.100 instalações, grátisdebugging- official n8n-
Evita falha silenciosa em workflows do n8n com webhook ou agendados, usando saída de erro por nóOficial2.100 instalações, grátiserror- handling- official n8n-
Orienta o uso de nós Code (JavaScript ou Python) em fluxos do n8nOficialAuditada2.000 instalações, grátiscode- nodes- official n8n-
Orienta o tratamento de chaves de API, tokens e OAuth em fluxos do n8nOficialAuditada2.000 instalações, grátiscredentials- and- security- official using-
Aplica o protocolo sempre ativo do plugin n8n-skills, direcionando cada tarefa de workflow à skill certaOficial2.000 instalações, grátisn8n- skills- official n8n-
Trata arquivos, imagens, anexos e dados binários no n8n, inclusive arquivos enviados a agentes de IAOficialAuditada1.900 instalações, grátisbinary- and- data- official n8n-
Trabalha com as Data Tables do n8n: desenha schemas, insere, atualiza, evita duplicados e consulta linhasOficialAuditada1.900 instalações, grátisdata- tables- official n8n-
Escreve e revisa expressões do n8n, referências $json e $node, datas Luxon e erros de expressãoOficialAuditada1.900 instalações, grátisexpressions- official n8n-
Expõe um fluxo do n8n como ferramenta que o agente de código pode chamar, via MCPOficialAuditada1.900 instalações, grátisextending- mcp- official n8n-
Trabalha com loops no n8n: dados com vários itens, lotes, APIs paginadas, limites de taxa e ramificaçõesOficialAuditada1.900 instalações, grátisloops- official