Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Principle Experience First skill
Ensina o agente a priorizar a experiência: poucos recursos bem acabados em vez de muitos mal resolvidos
- instalações
- 5.000
- estrelas no GitHub
- 2.803
- No skills.sh desde
- julho de 2026
- Licença
- MIT
Atualizada no GitHub em 25 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
Apply when product, UX, or feature-scope tradeoffs come up. Choose user delight over implementation convenience; ship fewer polished features over more rough…
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 Principle Experience First 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 Principle Experience First, 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 principle-experience-firstR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/backnotprop/pstack
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 corredorOpenAI
figma-
Você cola o link do Figma e o Claude escreve a tela no seu projeto igual ao desenho, reaproveitando os componentes que já existem.OficialAuditada6.700 instalações, grátisimplement- design magicpathai
magicpath
O Claude acha seus designs no MagicPath, instala no projeto e deixa funcionando de verdade, ou desenha telas novas direto no canvas.6.300 instalações, grátisFigma
figma-
A tela do seu app vira um arquivo editável no Figma, com os componentes e as cores do design system em vez de print ou caixa solta.OficialAuditada5.900 instalações, grátisgenerate- design affaan-m
liquid-
O Claude escreve as telas do seu app iOS com o vidro novo da Apple do jeito certo, com botões, barras e transições que se fundem.Auditada5.200 instalações, grátisglass- design jakubkrehel
oklch-
Paleta que fica uniforme do claro ao escuro, texto que passa no teste de contraste e tema pronto no Tailwind, sem acertar cor no olho.Auditada4.600 instalações, grátisskill figma-
O Claude lê o código do seu site ou app e monta no Figma as cores, espaçamentos e componentes iguais aos do código, prontos pra quem desenha usar.OficialAuditada4.400 instalações, grátisgenerate- library ibelick
create-
O Claude lê o código ou o site e registra num DESIGN.md as cores, fontes e regras visuais, pra toda tela nova sair no mesmo padrão.Auditada4.400 instalações, grátisdesign- md agents365-ai
tldraw-
Você descreve um processo ou um sistema e recebe o diagrama em imagem, com traço de quadro branco, pronto pra explicar pro time, pro cliente ou num post.Auditada3.700 instalações, grátisskill
Mais da loja backnotprop
Ver a loja backnotpropbacknotprop
plannotator-
Gera visualizações HTML autossuficientes: planos, explicações de PR, diagramas, tabelas e slides12,5 mil instalações, grátisvisual- explainer plannotator-
Analisa o arquivo de planos do Plannotator para achar padrões de recusa e sugerir melhorias de promptAuditada11,5 mil instalações, grátiscompound plannotator-
Transforma uma ideia em um pacote de meta para o /goal, com entrevista, ficha de fatos e exploração do códigoAuditada11,4 mil instalações, grátissetup- goal bro
Reescreve a última mensagem em linguagem humana simples, sem jargãoAuditada9.600 instalações, grátisunslop
Tira os cacoetes de IA de qualquer textoAuditada6.500 instalações, grátisprinciple-
Faz debug seguindo cada sintoma até onde o sistema errou primeiro e corrige lá, na causa raizAuditada5.600 instalações, grátisfix- root- causes arena
Roda vários candidatos em paralelo na mesma tarefa, escolhe a melhor base e enxerta o melhor dos outrosAuditada5.500 instalações, grátisinterrogate
Faz revisão adversarial do código com vários modelos pra achar pontos cegosAuditada5.500 instalações, grátistechnical-
Aplica um padrão de escrita técnica (Diátaxis, estilo Google, STE) em documentaçãoAuditada5.500 instalações, grátiswriting architect
Esboça tipos, assinaturas e estrutura de módulos antes do código e acompanha a implementaçãoAuditada5.400 instalações, grátiscreate-
Gera uma skill de verificação do projeto que usa o app como um usuário, em qualquer linguagem5.300 instalações, grátisverification- skill figure-
Desenha um playbook auditável pra tarefas sem roteiro, como migração grande ou mudança em várias partesAuditada5.200 instalações, grátisit- out