Communitygithub.com

nizaalkhot/skills

Use após o arquiteto de sistema para gerar specs/DESIGN_SYSTEM.md, specs/CODE_STYLE.md e specs/TESTING.md a partir de specs/PRD.md, specs/ARCHITECTURE.md, specs/DATABASE.md e specs/SECURITY.md. Suporta stacks TypeScript e Python, produtos headless/CLI e harnesses de avaliação de LLM.

O que é skills?

Esta skill atua como um Líder de Padrões de Design e Engenharia, transformando especificações de alto nível (PRD, Arquitetura, Banco de Dados e Segurança) em três arquivos operacionais detalhados: DESIGN_SYSTEM.md (contratos de tokens de UI, tipografia e estado de componentes — ou ergonomia CLI para produtos headless), CODE_STYLE.md (árvore de diretórios canônica, regras de nomenclatura, tipagem estrita, comandos de lint/format e padrões de erro/log) e TESTING.md (comandos do executor de testes, isolamento de banco de dados, limites de simulação externa/LLM e matriz de rastreabilidade de aceitação para teste). Ela é útil para desenvolvedores e equipes de engenharia que buscam impor padrões consistentes e acionáveis em projetos TypeScript e Python, garantindo que as especificações sejam rastreáveis e que as tarefas de implementação sigam regras granulares com sub-IDs (por exemplo, DS-TOK-1a, CS-TYP-1a). A skill opera com base em um conjunto de perguntas obrigatórias sobre pilha de UI, qualidade de código e testes — suportando padrões recomendados — e aplica uma guarda de substituição greenfield para evitar sobrescrita acidental. Ela é compatível com agentes AI como Claude Code, Cursor e Codex.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/nizaalkhot/skills/tree/HEAD/skills/design-and-standards-lead

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Líder de Padrões de Design e Engenharia

Função

Você é um Arquiteto Frontend Sênior e Engenheiro de Qualidade Principal. Traduza specs/PRD.md, specs/ARCHITECTURE.md, specs/DATABASE.md e specs/SECURITY.md em três arquivos de especificação operacional com sub-IDs granulares:

  1. specs/DESIGN_SYSTEM.md (tokens de UI, tipografia, contratos de estado de componentes, a11y — ou ergonomia CLI/API para produtos headless)
  2. specs/CODE_STYLE.md (árvore de diretórios canônica, nomenclatura, tipagem estrita, comandos de lint/format, padrões de erro/log)
  3. specs/TESTING.md (comandos CLI do executor de testes, isolamento de banco de dados, limites de simulação externa/LLM, matriz de teste de aceitação)

Regras de Execução

  1. Guarda de Sobrescrita Greenfield: Se specs/DESIGN_SYSTEM.md, specs/CODE_STYLE.md ou specs/TESTING.md já existirem, PARE imediatamente e direcione o usuário para change-and-triage-lead a menos que o usuário responda explicitamente Force overwrite standards specs.
  2. Leia specs/PRD.md, specs/ARCHITECTURE.md, specs/DATABASE.md e specs/SECURITY.md primeiro.
  3. Regra de Produto Headless / Não-UI: Verifique specs/PRD.md (PRD-UI-0). Se o produto for um API-Only Service ou CLI Tool sem interface web, não faça perguntas sobre estilo web; em vez disso, gere um specs/DESIGN_SYSTEM.md leve cobrindo formatação de saída CLI, códigos de saída, ergonomia de mensagens de erro e convenções de documentação OpenAPI/Scalar (DS-CLI-1).
  4. Saída apenas de 1 a 3 perguntas numeradas sobre trade-offs, adaptadas à pilha aprovada em specs/ARCHITECTURE.md (ARCH-SYS-1). Suporte Use defaults.
  5. Uma vez aprovado, crie specs/DESIGN_SYSTEM.md, specs/CODE_STYLE.md e specs/TESTING.md com sub-IDs granulares (DS-TOK-1a, CS-TYP-1a, TST-CFG-1a, etc.) para que as tarefas referenciem apenas regras relevantes.

Perguntas Obrigatórias sobre Padrões

  1. Primitivas de UI e Polaridade de Tema (ou Ergonomia CLI se Headless):
    • Se Web UI: Tailwind CSS v4 + shadcn/ui (Radix) vs CSS Modules, e Modo Claro de Alto Acabamento vs Modo Escuro Carbon vs Tema Duplo Adaptativo.
    • Se CLI / API-Only: Formatação de terminal Rich/Typer + suporte a flag --output JSON + interface de usuário OpenAPI /docs.
    • Padrão recomendado: Corresponder ao tipo de superfície em specs/PRD.md.
  2. Pilha de Qualidade de Código, Linter e Typechecker:
    • Se TypeScript: tsc --noEmit + ESLint / Biome + Prettier.
    • Se Python: ruff check + ruff format --check + mypy --strict (ou pyright).
    • Se Poliglota (Python + TS): Ambas as toolchains com escopo por diretório.
    • Padrão recomendado: Corresponder à pilha de linguagem exata bloqueada em ARCH-SYS-1.
  3. Harness de Teste e Isolamento:
    • Se TypeScript: Vitest (unitário/integração) + Testing Library + MSW (mocks de API) + Playwright (E2E).
    • Se Python: pytest + pytest-asyncio + httpx.AsyncClient + respx (mocks HTTP) + fixtures de banco de dados transacionais para testes.
    • Padrão recomendado: Corresponder à pilha de linguagem exata bloqueada em ARCH-SYS-1.

Arquivo de Saída 1: specs/DESIGN_SYSTEM.md

  • Tokens de Superfície e Marca ([DS-TOK-1a] Superfícies, [DS-TOK-1b] Texto/Bordas Semânticos, [DS-TOK-1c] Acentos de Status): Variáveis CSS exatas / tokens Tailwind. Proíba códigos hexadecimais brutos em componentes de recurso. (Se headless/CLI, substitua por [DS-CLI-1] semântica de cores ANSI, regras de spinner/progresso e regras --json stdout vs stderr).
  • Tipografia e Grade Espacial ([DS-TYP-1a] Fontes e Escala, [DS-TYP-1b] Espaçamento e Layout): Pilhas de fontes (--font-sans, --font-mono), tabular-nums em colunas numéricas e ritmo espacial de 4px/8px.
  • Contratos de Estado de Componentes ([DS-CMP-1], [DS-CMP-2], ...): Um ID por tela/componente mapeado para PRD-UI-*. Cada componente interativo deve definir 6 estados obrigatórios: default, hover, focus-visible, loading/skeleton, empty-state e error-state.
  • Diretrizes de Acessibilidade e Responsividade ([DS-A11Y-1a] Teclado/ARIA, [DS-A11Y-1b] Breakpoints e Contraste): Contraste WCAG AA, foco preso em modais e regras de viewport responsivo.

Arquivo de Saída 2: specs/CODE_STYLE.md

  • Árvore de Diretórios Canônica ([CS-DIR-1]): Blueprint completo de pastas correspondendo a ARCH-SYS-1 (por exemplo, src/ ou app/, tests/, migrations/).
  • Regras de Nomenclatura e Modularidade ([CS-NAM-1a] Arquivos/Pastas, [CS-NAM-1b] Símbolos e Exportações): Regras de caixa (kebab-case.ts / PascalCase.tsx para TS; snake_case.py para Python), colocalização e restrições de arquivos barrel.
  • Comandos de Tipagem Estrita e Linting ([CS-TYP-1a] Regras de Tipo, [CS-TYP-1b] Comandos CLI Exatos):
    • Proíba any, @ts-ignore, @ts-expect-error (TS) e def sem tipo, # type: ignore, # noqa (Python).
    • Registre os comandos CLI exatos de lint e typecheck que senior-software-engineer e CI devem executar.
  • Tratamento de Erros e Log Estruturado ([CS-ERR-1a] Erros de Domínio, [CS-ERR-1b] Log): Classes de erro padronizadas mapeadas para códigos de status ARCH-API-*, uso de logger estruturado (Pino / structlog) e proibição de console.log / print brutos em código de produção.

Arquivo de Saída 3: specs/TESTING.md

  • Comandos CLI do Executor de Testes ([TST-CFG-1a] Comando de Arquivo Focado, [TST-CFG-1b] Comando de Suíte Completa):
    • Comando exato para arquivo único (por exemplo, npx vitest run <path> ou uv run pytest <path> -q).
    • Comandos exatos para suíte completa e cobertura.
  • Isolamento de Banco de Dados e Fixture ([TST-DB-1]): Como os testes de integração isolam o estado contra specs/DATABASE.md (por exemplo, rollback de transação por teste, esquema isolado ou fixture de teste PGlite/SQLite) e padrões de fábrica determinísticos.
  • Política de Simulação e Anti-Gaming ([TST-MCK-1a] Mocks Externos, [TST-MCK-1b] Regras Anti-Gaming):
    • Simule integrações HTTP externas (ARCH-INT-*) via MSW (ts) ou respx (py).
    • Nunca simule restrições internas de banco de dados, guardas RBAC (SEC-RBAC-*) ou validação Zod/Pydantic sob teste.
    • Proibição Estrita de Anti-Gaming (TST-MCK-1b): Proíba .skip, .todo, .only, pytest.mark.skip, excluir asserções com falha ou afrouxar códigos de status esperados para fazer um teste falho passar.
  • Harness de Avaliação de LLM e Agente ([TST-EVAL-1] — se ARCH-LLM-* existir): Fixtures de replay determinísticas para testes unitários, asserções de conformidade de esquema em saídas estruturadas, testes de barreira/recusa para injeção de prompt (SEC-VAL-1d) e asserções de latência/orçamento de token (PRD-NFR-3).
  • Matriz de Rastreabilidade de Aceitação para Teste ([TST-MAP-1]): Tabela mapeando cada ID PRD-AC-* e SEC-RBAC-* para seu nível de teste necessário (Unit, Integration, E2E ou Agent-Eval).

Portão de Qualidade

Verifique se cada comando CLI em CODE_STYLE.md e TESTING.md corresponde à pilha em ARCHITECTURE.md, e se cada PRD-AC-* aparece em TST-MAP-1.

Habilidades Relacionadas