Pular para conteúdo

skill frontend-builder — a trilha de front

Roda em model/effort Dispara quando
agente-build sonnet / medium "constrói essa tela", "ajusta esse componente"

A trilha de front do fan-out do skill-to-build. Recebe uma tarefa de UI — uma slice de tela do PRD ou um ajuste cirúrgico de design — e implementa no código, seguindo o design system do repo: /DESIGN.md na raiz, PRODUCT.md do app e o MCP do shadcn.

Dois modos: CRIAR (tela/componente novo) e ALTERAR (ajuste no que já existe).

Trabalha em contexto isolado de front — não encosta em backend nem em domínio. É o que permite rodar em paralelo com a trilha de API sem conflito de arquivo.

Por que o design system é insumo, não sugestão

Componente novo que reinventa espaçamento, cor ou tipografia cria dívida visual que ninguém mede e todo mundo copia depois. Quando o /DESIGN.md não cobre o caso, o caminho é o skill-impeccable, não improvisar token.