Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Design System Starter skill
Cria e evolui design systems com tokens, componentes, acessibilidade e templates de documentação
- instalações
- 794
- estrelas no GitHub
- 2.592
- No skills.sh desde
- janeiro de 2026
- Licença
- MIT
Atualizada no GitHub em 5 de março de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
Create and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent,…
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 System Starter 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 System Starter, 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-system-starterR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/softaworks/agent-toolkit
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 corredorGitHub
anti-
O Claude parte do seu produto e dos seus componentes pra montar telas web e iOS com identidade própria, com todos os estados e uma conferência final.Oficial975 instalações, grátisui- slop heyman333
apple-
O Claude redesenha as telas do seu app pra parecerem feitas pela Apple: limpas, calmas, com fonte do sistema e componentes que quem usa iPhone já conhece.Auditada865 instalações, grátisui- designer davila7
draw-
O Claude desenha e arruma diagramas do draw.io, alinha caixas e setas pelo código e entrega o PNG pronto pra slide ou documento.Auditada842 instalações, grátisio existential-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
Mais da loja softaworks
Ver a loja softaworkssoftaworks
mermaid-
Você explica um processo ou sistema e o Claude devolve o diagrama em Mermaid, pronto pra aparecer no GitHub, no Notion ou no Obsidian.Auditada5.100 instalações, grátisdiagrams humanizer
Tira de um texto os sinais de escrita de IA para ele soar mais natural, como escrito por genteAuditada4.400 instalações, grátisdatabase-
Projeta esquemas de banco de dados SQL e NoSQL robustos: normalização, índices, migrações e restriçõesAuditada4.300 instalações, grátisschema- designer qa-
Gera planos de teste, casos manuais, suítes de regressão e relatórios de bug para QA, com Figma MCP4.300 instalações, grátistest- planner writing-
Escreve texto claro e direto com as regras de Strunk, para docs, commits, mensagens de erro e relatóriosAuditada4.300 instalações, grátisclearly- and- concisely agent-
Reorganiza AGENTS.md, CLAUDE.md e similares inchados em arquivos menores, com divulgação progressivaAuditada4.200 instalações, grátismd- refactor c4-
Você ganha diagramas que mostram quem usa o sistema, que partes ele tem e como elas conversam, salvos em Markdown junto do projeto.Auditada4.200 instalações, grátisarchitecture commit-
Cria bons commits no git: revisa e seleciona as mudanças, divide em commits lógicos e escreve mensagens clarasAuditada4.200 instalações, grátiswork crafting-
Escreve e melhora READMEs com modelos e orientações para cada público e tipo de projetoAuditada4.200 instalações, grátiseffective- readmes session-
Cria documentos de passagem de bastão para transferir sessões de agentes de IA sem perder contextoAuditada4.200 instalações, grátishandoff skill-
Avalia a qualidade do design de uma skill contra as especificações oficiais e as boas práticasAuditada4.200 instalações, grátisjudge codex
Roda o Codex CLI (codex exec e resume) para analisar, refatorar e editar código automaticamente4.100 instalações, grátis