Communitygithub.com

lguidolin/designing-before-building

Use ao iniciar uma funcionalidade, corrigir um bug não trivial ou prestes a escrever código de implementação — antes que qualquer código exista. Sintomas de que você precisa disso: 'é simples, vou só codificar', pegar no editor antes de um design ser aprovado, ou uma ideia que ainda não virou especificação e plano.

O que é designing-before-building?

Esta skill impõe uma disciplina fundamental de engenharia: projetar antes de construir. Ela estrutura o trabalho em cinco estágios ordenados — Brainstorm, Spec, Plan, Execute, Record — e proíbe explicitamente qualquer implementação antes que um design seja articulado e aprovado. É mais valiosa para tarefas complexas ou ambíguas, onde suposições não examinadas podem levar a retrabalho, mas também se aplica a correções simples que escondem riscos ocultos. A skill fornece exemplos concretos de racionalizações comuns que ignoram o design, bem como bandeiras vermelhas que devem interromper imediatamente a atividade de codificação. Ela funciona em qualquer plataforma que suporte skills (como Claude Code ou Cursor) e é tipicamente ativada automaticamente por gatilhos como abrir o editor sem um plano aprovado. Ao aderir a este processo, os desenvolvedores garantem que cada linha de código serve a um propósito documentado, reduzindo retrabalho e melhorando a qualidade da arquitetura.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/lguidolin/agent-skills/tree/main/skills/designing-before-building

Perguntar na sua IA favorita

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

Documentação


name: designing-before-building description: Use ao iniciar uma funcionalidade, corrigir um bug não trivial ou prestes a escrever código de implementação — antes que qualquer código exista. Sintomas de que você precisa disso: 'é simples, vou só codificar', pegar no editor antes de um design ser aprovado, ou uma ideia que ainda não virou especificação e plano.

Projetar Antes de Construir

Visão Geral

O trabalho flui por cinco estágios, em ordem: Brainstorm → Spec → Plano → Executar → Registrar. Nenhuma implementação começa antes que um design seja articulado e aprovado. A tarefa mais simples é onde suposições não examinadas custam mais caro.

Violar a letra desta regra é violar o seu espírito. "Vou projetar enquanto codifico" não é projetar.

Os Cinco Estágios

  1. Brainstorm. Explore intenção, restrições e critérios de sucesso. Faça uma pergunta de cada vez. Proponha de 2 a 3 abordagens com trade-offs e uma recomendação. Converja para um design e obtenha aprovação explícita. Nenhum código aqui.
  2. Spec. Escreva o design aprovado em um documento datado. A especificação é o contrato do que será construído.
  3. Plano. Decomponha a especificação em um plano de implementação ordenado e revisável antes de tocar no código.
  4. Executar. Implemente de acordo com o plano, com pontos de verificação de revisão.
  5. Registrar. Destile o que foi construído e por quê em um registro de decisão (veja recording-decisions).

Decomponha grandes esforços. Se uma solicitação abranger vários subsistemas independentes, pare e decomponha antes de refinar os detalhes. Cada subprojeto executa seu próprio ciclo, construído em ordem de dependência.

Quando NÃO usar

Edições genuinamente triviais e reversíveis (um erro de digitação, uma linha de log, um valor de configuração) vão direto para Executar. O teste: um palpite errado aqui custaria mais do que a etapa de design? Se sim, projete primeiro.

Racionalizações Comuns

DesculpaRealidade
"Isso é simples demais para precisar de design"Tarefas simples escondem suposições. Algumas frases de design são baratas; uma reescrita não é.
"Vou projetar enquanto faço"Código escrito antes do design estar pronto é código reescrito. Design é um ato separado.
"O usuário me disse o que construir, isso É o design"Um pedido afirma o quê, não como. O como é o design.
"Explorar o código primeiro me dirá a abordagem"Exploração informa o design; não substitui a aprovação de um.
"Estamos com pressa"Pressa é exatamente quando design pulado produz trabalho descartável.

Bandeiras Vermelhas — PARE

  • Abrir o editor antes de existir um design aprovado
  • "Deixa eu fazer um protótipo rapidinho" (um protótipo sem especificação é escopo não revisado)
  • Começar uma mudança em vários arquivos sem plano
  • Tratar o pedido de uma linha do usuário como uma especificação pronta

Tudo isso significa: pare, projete, obtenha aprovação, depois construa.

Fundamentação completa: Artigo I da constituição, incluído em engineering-constitution/references/engineering-constitution.md.

Individual skills in this repo

This repo contains 18 individual skills — each has its own dedicated page.

lguidolin/change-hygiene-and-code-craft

Use when writing or refactoring code, structuring a commit or PR, or deciding whether to abstract duplication. Symptoms — mixing reorg with logic changes, a PR doing several things at once, a file growing large, the second copy of similar code, or unsure whether to DRY something up.

lguidolin/cloud-delivery-aks

Use when deploying to Kubernetes or Azure Kubernetes Service (AKS), configuring cloud secrets, setting up progressive rollout/canary, per-PR ephemeral environments, or k8s health probes. Keywords — Kubernetes, AKS, Key Vault, Argo Rollouts, Flagger, canary, blue-green, liveness, readiness, PodDisruptionBudget, HPA, rollback, GHCR.

lguidolin/commit-history-rewrite

Use when an existing repository has messy commit history that needs to conform to conventional commits before adopting release-please, or when intermediate WIP/fixup/merge commits need to be cleaned up.

lguidolin/conventional-commits-and-releases

Use when committing, writing a commit message, opening a PR that will be squash-merged, or configuring automated versioning/changelogs. Keywords — conventional commits, release-please, semver, feat/fix/chore, breaking change, changelog.

lguidolin/defense-in-depth-security

Use when handling untrusted input, secrets, authentication/authorization, or dependencies — or threat-modeling a new surface. Keywords — STRIDE, threat model, least privilege, secrets management, supply chain, dependency scanning, input validation, audit log, defense in depth.

lguidolin/engineering-constitution

Use when starting work in a project that follows the engineering constitution, orienting to its rules, or deciding which engineering practice applies to a task — spec writing, commits, testing, security, deploys, database, or UI work.

lguidolin/graphql-contract-testing

Use when writing a GraphQL query/mutation that the UI and a test will share, or building route/schema contract or smoke tests. Symptoms — copying a query into a test, a test asserting on query text, schema change that didn't break the UI build, or RLS/permission drift. Keywords — graphql-codegen, typed document, contract test, route smoke test.

lguidolin/init-repo-CI

Use when setting up a new repository with conventional commits, release-please, and CI automation, or when retrofitting an existing repository that lacks automated versioning and PR validation workflows.

lguidolin/interface-craft-and-accessibility

Use when building or styling UI — components, layouts, forms, design tokens — or making accessibility decisions. Keywords — a11y, WCAG, keyboard navigation, focus state, contrast, design system, minimalist UI, component reuse, ARIA, semantic HTML.

lguidolin/merge-gates-and-automation

Use when setting up or changing CI, pre-push hooks, or a task runner, or deciding what must pass before merge. Symptoms — tempted to put authoritative checks only in a local hook, skip CI, bypass with --no-verify, or unsure what gates a merge vs. runs locally.

lguidolin/observability-and-slos

Use when adding logging, metrics, tracing, health checks, SLOs, or alerting — or when building a service surface that needs to be operable and debuggable. Keywords — structured logs, OpenTelemetry, correlation id, RED metrics, liveness, readiness, SLI, SLO, error budget, alerting.

lguidolin/performance-and-scale

Use when working on hot paths, list endpoints, pagination, data-access in loops, or public interfaces/schemas. Symptoms — unbounded queries, N+1 access, no latency budget, optimizing without measuring, or changing an interface many consumers depend on. Keywords — pagination, N+1, Hyrum's Law, performance budget, bundle size.

lguidolin/postgres-postgraphile-rls-and-sql

Use when writing PostgreSQL, PostGraphile config, Row-Level Security policies, SQL schema files, or working on the Browser→App→PostGraphile→Postgres data path. Keywords — RLS, SECURITY DEFINER, search_path, pgSettings, grants, roles, GraphQL depth limit, query cost, statement_timeout, SQL file organization.

lguidolin/recording-decisions

Use when a design or architecture decision has been made and needs to be captured — writing a decision record or ADR, updating a decision index, noting a deferred idea, or superseding a past decision. Keywords — ADR, decision record, rationale, rejected alternatives, dependency index.

lguidolin/resilience-and-deploy-safety

Use when planning a deploy, designing a rollback, or responding to an incident or writing a postmortem. Keywords — deploy safety, rollback, immutable artifact, progressive delivery, canary, blast radius, incident response, blameless postmortem, error budget.

lguidolin/ship-it

Use when the user wants to ship work — push, PR, archive decision records, merge, and clean up. Handles the full lifecycle from committing final changes through post-merge cleanup including converting specs/plans to compact decision records.

lguidolin/tests-as-a-control

Use when writing or modifying tests, when a test breaks during a refactor, or when testing permission/role rules. Symptoms — tempted to edit a test to make it pass, testing only the happy path, a deny-test that started passing, flaky tests, or unsure what to assert.

lguidolin/zero-downtime-migrations

Use when changing a database schema where data must survive the change — adding/removing/renaming columns, constraints, indexes, or backfilling. Symptoms — a destructive migration bundled with a code deploy, a NOT NULL column with a backfill, a table-locking UPDATE, or a rename. Keywords — expand/contract, parallel change, backfill, NOT VALID, CREATE INDEX CONCURRENTLY, graphile-migrate.

Habilidades Relacionadas