Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Prototype skill
Antes de construir de verdade, você clica, vê e decide se a regra funciona ou qual tela fica melhor. No código principal, fica só a decisão.
- instalações
- 993 mil
- estrelas no GitHub
- 303,3 mil
- No skills.sh desde
- maio de 2026
- Licença
- MIT
Atualizada no GitHub em 22 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
O que ela faz
Monta um código feito pra jogar fora, que só existe pra responder uma pergunta. A pergunta define o formato: ou é "essa lógica faz sentido?", ou é "como essa tela deve ficar?". Se não der pra saber, escolhe pelo código em volta e avisa a suposição no topo.
Pra lógica, entrega um arquivo HTML único que abre com dois cliques, com botões na linguagem do negócio e roteiros guiados em abas. Dá pra mandar pra quem não programa testar os casos difíceis e ver o estado mudar a cada clique.
Pra tela, cria três versões bem diferentes (no máximo cinco) na mesma página, trocadas por ?variant= na URL e por uma barra flutuante. Nada fica salvo em banco. No fim, a decisão vai pro código real e o protótipo fica guardado num branch à parte.
Nas palavras de quem fez
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a…
Quando usar
- Testar se a regra de cupom ou de assinatura cobre todos os casos
- Ver três jeitos de montar uma página antes de escolher
- Mostrar pro sócio ou pro cliente como algo vai funcionar
- Tirar uma dúvida de design sem gastar um dia construindo
Depois de instalar, é só pedir assim
- Faz um protótipo pra eu testar a regra de assinatura: teste grátis, cancelamento e reembolso
- Cria três versões bem diferentes da página de preços pra eu comparar
- Monta um HTML que eu possa mandar pro meu sócio clicar e ver como o pedido muda de status
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 Prototype 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 Prototype, 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.
Precisa de chave de API ou programa extra?
Não. O protótipo de lógica é um HTML que abre no navegador. O de tela roda com um comando do próprio projeto, como pnpm.
O protótipo vira o sistema de verdade?
Não. Ele não tem teste, tratamento de erro nem acabamento, e nada fica salvo. O que entra no código real é a decisão tomada e, no caso da lógica, o pequeno módulo que respondeu a pergunta.
Funciona no Codex e no Antigravity?
Sim. É um roteiro em texto com dois arquivos de apoio (LOGIC.md e UI.md), sem script próprio, então qualquer agente que lê skills consegue seguir.
Levar essa skill
1x prototypeR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/mattpocock/skills
Aprenda a usar
- O que é o Claude Code (Claude CLI) e como começar
O que é o Claude Code (Claude CLI), pra que serve pra quem não programa, o que ele pede pra rodar e como se compara ao Codex, ao Antigravity e ao Cursor.
Na mesma prateleira
Ver as 5.600 skills do corredorMatt Pocock
improve-
Um relatório visual com os pontos do código que valem refatorar primeiro, e uma conversa pra decidir como mexer no que você escolher.1,2 milhão de instalações, grátiscodebase- architecture setup-
Numa conversa, o projeto fica pronto pras outras skills do Matt Pocock saberem onde abrir tarefa, que etiqueta usar e onde está o glossário.Auditada1,1 milhão de instalações, grátismatt- pocock- skills tdd
O agente combina com você onde testar, escreve um teste por vez e só o código que faz ele passar, com testes que aguentam mudança no código.Auditada1,1 milhão de instalações, grátistriage
Sua fila de issues sai organizada: cada uma com tipo, situação e, quando estiver pronta, um briefing que um agente executa sozinho.995,5 mil instalações, grátisdomain-
Você e o Claude passam a chamar cada coisa pelo mesmo nome, e as decisões difíceis ficam escritas com o porquê.Auditada883,6 mil instalações, grátismodeling codebase-
O Claude organiza o código em partes que escondem a complexidade, ficam fáceis de testar e se consertam num lugar só.Auditada857,1 mil instalações, grátisdesign diagnosing-
O Claude para de chutar a causa: primeiro faz o erro aparecer num comando, depois testa hipóteses, corrige e deixa um teste pra ele não voltar.Auditada841,6 mil instalações, grátisbugs code-
Antes de juntar uma mudança, você sabe se ela segue as regras do projeto e se entrega o que foi pedido, em dois relatórios separados.796,1 mil instalações, grátisreview
Mais da loja Matt Pocock
Ver a loja Matt Pocockgrill-
Você chega com um plano na cabeça e sai com cada decisão tomada, sem nada que ficou subentendido no meio do caminho.Auditada1,4 milhão de instalações, grátisme grill-
Você sai da conversa com o plano afiado, os termos do projeto definidos num GLOSSARY.md e as decisões difíceis registradas em docs/adr.Auditada1,2 milhão de instalações, grátiswith- docs handoff
Quando a conversa fica longa demais, você abre uma sessão nova, entrega o documento e o agente já sabe o que foi feito, o que falta e quais skills usar.Auditada1 milhão de instalações, grátisgrilling
Antes de gastar tempo e dinheiro, cada buraco do plano aparece numa pergunta numerada, e você sai com todas as decisões tomadas.Auditada988 mil instalações, grátisteach
Você aprende qualquer assunto em várias sessões, com aulas curtas ligadas ao seu objetivo e exercícios que corrigem na hora.Auditada867,7 mil instalações, grátisimplement
Você passa o ticket ou a especificação e o Claude constrói, roda os testes, revisa o próprio trabalho e faz o commit na branch atual.Auditada779,8 mil instalações, grátisask-
Você conta a situação e o Claude diz qual skill, ou qual sequência de skills do Matt Pocock, usar e em que ordem.Auditada772,2 mil instalações, grátismatt wayfinder
Uma ideia grande e ainda nebulosa vira um mapa de decisões no GitHub ou em arquivos locais, e cada sessão do Claude resolve uma até o caminho ficar claro.723,8 mil instalações, grátisto-
Depois de discutir uma ideia com o agente, um comando junta tudo num documento com problema, solução, histórias de usuário e decisões, já na lista de tarefas.Auditada720,9 mil instalações, grátisspec to-
O Claude transforma o plano em tickets que cabem numa sessão cada, diz qual depende de qual e publica no GitHub, no Linear ou em arquivos.716,8 mil instalações, grátistickets research
Você continua trabalhando enquanto um agente lê a documentação oficial e devolve um arquivo com cada informação ligada à fonte de onde saiu.Auditada716,2 mil instalações, grátiswizard
Em vez de explicar de novo pra IA onde pegar cada chave, você roda um roteiro que abre o site certo, diz o que copiar e guarda o valor no lugar.Auditada558,5 mil instalações, grátis