O bureau de design digital autônomo. Uma skill de agente que dá a um modelo de linguagem o trabalho de um estúdio inteiro: direção de criação, direção de arte, tipografia, motion, creative technology, acessibilidade, performance e uma revisão adversarial que diz não.
Português · English · Español · Documentação · ShowCase ao vivo
Escolha seu agente, instale a skill e transforme um briefing em uma experiência digital com revisão fundamentada em evidências.
Modelos aprendem a média da internet. Sem direção, entregam o mesmo hero centralizado, o mesmo gradiente roxo, os mesmos três cards com ícone e a mesma copy vazia. Isso não se resolve com CSS. Falta conceito, especificidade e revisão.
- Conceito antes de pixels. Três direções distintas, uma escolha argumentada, um signature move.
- Nunca uma fonte só. Toda direção é uma mescla de três designers documentados, cada um dono de um eixo.
- Ofício verificável. Tipografia, cor, composição, motion, acessibilidade e performance com limites explícitos e scripts que medem.
- Revisão adversarial. Dez portões, um Delivery Gate com evidência em cada linha e um Tribunal com poder de veto.
- Zero fabricação. Métrica, logo, depoimento, prêmio ou "enviado com sucesso" sem verdade por trás é P0.
Cinco modelos web, cinco estúdios fictícios, cada um com uma composição mobile própria: um observatório de montanha, uma perfumaria, um instituto oceanográfico, uma fundição tipográfica e um estúdio que lê fazendas do espaço. Cada modelo tem um LINEAGE.md com a sua mescla de três designers.
 |
 |
| Cerro Lumen · Observatório de montanha · Gerstner × Moholy-Nagy × Eames Role do domo à galáxia, uma potência de dez por vez. Abrir ↗ |
|
 |
 |
| Maison Orvé · Perfumaria · Ruder × Greiman × Munari Componha topo, coração e fundo e veja-os mover-se na água. Abrir ↗ |
|
 |
 |
| Maré · Instituto oceanográfico · Sutnar × Wyman × Kare Contornos irradiam do nome; aumente o vento e o mar cresce. Abrir ↗ |
|
 |
 |
| Glifo · Fundição tipográfica · A. Albers × Scher × Cooper Puxe cinco eixos com a mão, teça um campo de letras, abra uma em profundidade. Abrir ↗ |
|
 |
 |
| Quarter · Inteligência agrícola · Tufte × Cooper × Aicher Desça da órbita ao rebanho, uma resolução de sensor por vez. Abrir ↗ |
|
Cada modelo é uma página com o próprio CSS e JS. O piso continua valendo: contraste real, caminho por teclado, movimento reduzido desenhado como imagem parada, todo o texto legível sem JavaScript e nenhum botão que finja enviar. Estúdios, pessoas e preços são fictícios e rotulados. Os 13 templates de scaffold continuam na skill (new-project.mjs --list).
- Intake. A verdade do produto vai para
BUREAU.md: público, oferta, provas com fonte, não-objetivos. - Conceito. Primeiro um levantamento de cinco referências verificadas entre as 25 fontes (a fonte que não puder ser verificada é pulada e a próxima é usada), com o padrão comum e a ruptura nomeados. Depois três direções, cada uma com uma mescla de três linhagens. A escolhida vai para
blend.md. - Direção.
DESIGN.mdcom tokens normativos, dials ENERGY / RHYTHM / MOTION e o mundo visual. - Build e refinamento. Sete passes, da estrutura ao detalhe, cada um com evidência.
- QA e revisão. Audit estático, audit visual em cinco larguras, dez portões, Delivery Gate e Tribunal.
| Veredito | Nota |
|---|---|
| Award Track | ≥ 90 |
| Pass | 82–89 |
| Conditional | 72–81 |
| Fail | < 72 |
Qualquer P0, qualquer portão abaixo de 3,5/5, evidência ausente, fonte alterada depois da revisão ou um Delivery Gate sujo reprova. Um 95 com um P0 de acessibilidade é Fail. Um Tribunal no mesmo contexto que construiu o trabalho é declarado degraded e não chega a Award. O loop do júri tem limite de 10 minutos: os jurados votam em paralelo, cada rodada é pontuada e a melhor rodada dentro do prazo é a decisão.
| Nível | Severidade | Renúncia |
|---|---|---|
| Floor | P0 | nunca |
| Reflex | P1 | ID da regra + motivo de 20+ caracteres sobre esta página |
| Finish | P2 | respondido, nunca bloqueia |
node skill/scripts/audit.mjs . # 32 regras de regex + checagens de projeto
node skill/scripts/visual-audit.mjs http://localhost:4173 --out .bureau/qa
node skill/scripts/divergence.mjs index.html --templatesO detector pega o subconjunto mecânico: gradiente roxo, envio falso, link morto, conteúdo invisível sem JS, pontuação de template, fonte padrão, autoplay e mais. Toda regra tem um teste que falha e um que passa. Um audit limpo não é qualidade: sem dials e sem mundo, a página é um vazio limpo e reprova nos Gates 1 e 2.
Nenhuma direção vem de uma fonte só. O cânone tem quarenta designers citados pela obra documentada, de Müller-Brockmann e Tschichold a Lina Bo Bardi, Reid Miles e Susan Kare. Cada mescla usa um dominante (50–60%, estrutura), um contraponto (25–35%, expressão, puxando contra) e um acento (10–20%, um comportamento), mais um ingrediente que só o assunto tem.
git clone https://github.com/acf1210/bureau.git
cd bureau
# sempre visualize primeiro
bash installers/install.sh --agent all --scope user --dry-run
# instale
bash installers/install.sh --agent all --scope userWindows:
powershell -ExecutionPolicy Bypass -File installers/install.ps1 -Agent all -Scope user -DryRun
powershell -ExecutionPolicy Bypass -File installers/install.ps1 -Agent all -Scope userReinicie o agente e invoque /bureau ou peça naturalmente: "Use BUREAU para criar o site da minha marca."
| Host | Skill | Extra |
|---|---|---|
| Claude Code | ~/.claude/skills/bureau |
~/.claude/commands/bureau.md |
| Codex | ~/.codex/skills/bureau |
bloco opcional em AGENTS.md |
| Antigravity | ~/.gemini/config/skills/bureau |
regra model_decision |
| Hermes | ~/.hermes/skills/creative/bureau |
— |
node skill/scripts/doctor.mjs
node skill/scripts/new-project.mjs --list
node skill/scripts/new-project.mjs meu-site --template restaurant-table
cd meu-site
node ../skill/scripts/audit.mjs . --out .bureau/evidence/audit.json
node ../skill/scripts/visual-audit.mjs http://localhost:4173 --out .bureau/qa --full --motion
node ../skill/scripts/review.mjs --statusO scaffold cria BUREAU.md, DESIGN.md (com linhagem e dials), MOTION.md, .bureau/config.json e as pastas de evidência. A página começa como cópia do template: antes do Gate 2 ela precisa divergir dele.
| Comando | Função |
|---|---|
/bureau |
roteador contextual |
/bureau auto |
pipeline completo com três checkpoints |
/bureau init |
brief, config, inventário de evidência |
/bureau concept |
três direções, três mesclas, uma decisão |
/bureau direction |
mundo visual, tokens, tipografia, dials |
/bureau build |
implementação e passes de refinamento |
/bureau motion |
gramática de movimento e assinatura |
/bureau figma |
Figma → código |
/bureau qa |
screenshots, contraste, dobra, console, performance |
/bureau review |
dez portões, Delivery Gate e Tribunal |
/bureau slop |
detector + correções |
/bureau ship |
metadata, analytics, monitoramento, rollback |
/bureau doctor |
ambiente e instalação |
| Camada | Conteúdo |
|---|---|
| Skill | SKILL.md com doutrina, contrato de autonomia, roteador, regras duras e protocolo de ferramentas |
| Profundidade | 31 referências, de conceito e direção de arte a linhagem e mescla e passes de refinamento |
| Scripts | audit anti-slop, audit visual Playwright, divergência, levantamento de cinco fontes, circuito de revisão com estado e júri de 10 minutos, tokens, sync Figma, doctor, scaffold |
| ShowCase | 5 modelos web com composição mobile própria, design primeiro, cada um com LINEAGE.md |
| Templates | 13 mundos de scaffold para new-project.mjs, cada um com LINEAGE.md |
| Assets | tokens DTCG, snippets de motion, mídia gerada, diagramas SVG |
| Docs | 9 páginas × 3 idiomas (PT-BR, EN, ES) |
| Testes | 40 testes node --test, com fixtures nos dois sentidos para cada regra |
| Installers | Claude Code, Codex, Antigravity, Hermes; bash e PowerShell |
skill/ a skill instalável
SKILL.md roteador + doutrina + contrato
references/ 33 módulos
scripts/ audit, visual-audit, divergence, survey, review, tokens, figma-sync, doctor, scaffold
assets/templates/ 13 templates + catalog.json
installers/ Claude, Codex, Antigravity, Hermes + bash/PowerShell
docs/ PT-BR, EN, ES
assets/diagrams/ arquitetura, circuito, workflow, anti-slop
showcase/ 5 modelos web com mobile, design primeiro
site/ landing e docs estáticos
scripts/ build-docs, capture-demos, gallery, og, serve
tests/ node --test
BUREAU é um trabalho original. Ele referencia publicamente, sem reproduzir texto:
- Impeccable, Hallmark, antislop e Diagram Design: métodos de detecção, níveis de vinculação, Delivery Gate, crítica isolada;
- os quarenta designers do cânone, citados pela obra em
skill/references/23-lineage-and-blend.md; - Colorfigures, daoho.dev, Font Awesome e as galerias da biblioteca de referência.
PANTONE® é marca da Pantone LLC. BUREAU não é afiliado; valores hexadecimais são aproximações para tela. As fontes dos templates vêm do Google Fonts, sob OFL. O loop de vídeo foi gerado para este repositório.