Matt Pocock Skills: o processo antes do pixel
por Fabricio Telles··design.app.br
Instalação
A skill que não gera nenhum pixel — e melhora todos eles
Matt Pocock é conhecido como o “TypeScript Wizard”, criador do Total TypeScript. Mas suas skills não são sobre TypeScript. São sobre o que acontece antes de qualquer linha de código: pensar. Enquanto Impeccable, Taste Skill e UI/UX Pro Max focam no output visual, as skills do Matt Pocock focam no que vem antes: planejamento, design de interfaces, e qualidade de código.
A coleção tem 4 categorias.
Planning e design
O write-a-prd cria um PRD (Product Requirements Document) através de uma entrevista interativa. A skill explora o codebase, faz perguntas, e gera um documento completo registrado como GitHub Issue. Não é um template genérico, a skill adapta as perguntas ao contexto do projeto.
O prd-to-plan transforma um PRD em um plano de implementação multi-fase usando “tracer-bullet vertical slices”, fatias verticais que atravessam todas as camadas da aplicação.
O prd-to-issues quebra um PRD em GitHub Issues independentes, cada uma “grabbable”, qualquer dev pode pegar e implementar sem dependência de outras issues.
O design-an-interface gera múltiplos designs radicalmente diferentes para um módulo usando sub-agentes paralelos. Em vez de um design, você recebe 3-4 opções completamente distintas para comparar. Essa é a skill que mais me surpreendeu.
O grill-me te interroga sobre um plano ou design até que cada branch da árvore de decisão esteja resolvida. É o “advogado do diabo” automatizado.
O request-refactor-plan cria um plano de refatoração detalhado com commits pequenos, via entrevista com o usuário.
Development
O tdd faz test-driven development com loop red-green-refactor. Constrói features ou corrige bugs uma fatia vertical por vez.
O triage-issue investiga um bug explorando o codebase, identifica a causa raiz, e registra uma GitHub Issue com plano de correção baseado em TDD.
O improve-codebase-architecture explora o codebase buscando oportunidades de melhoria arquitetural.
Tooling e setup
O setup-pre-commit configura Husky pre-commit hooks com lint-staged, Prettier, type checking e testes.
O git-guardrails-claude-code configura hooks no Claude Code para bloquear comandos git perigosos (push, reset —hard, clean) antes de executar.
Writing e knowledge
O write-a-skill cria novas skills com estrutura adequada. O ubiquitous-language extrai um glossário de linguagem ubíqua (DDD) da conversa atual.
Instalação
npx skills@latest add mattpocock/skills/write-a-prd
npx skills@latest add mattpocock/skills/grill-me
npx skills@latest add mattpocock/skills/tddPor que importa para UI/UX
As skills do Matt Pocock não geram CSS ou componentes visuais. Mas resolvem o problema que vem antes: definir o que construir, como construir, e garantir que o resultado tenha qualidade.
Use write-a-prd + design-an-interface antes de aplicar Impeccable ou Taste Skill. O resultado é melhor quando o design visual é aplicado sobre uma base bem planejada. Eu aprendi isso da forma difícil.
Fonte: github.com/mattpocock/skills