BUREAU
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
Comece a usar o BUREAU →
Escolha seu agente, instale a skill e transforme um briefing em uma experiência digital com revisão fundamentada em evidências.
Veja os projetos ao vivo · Leia o fluxo completo
O problema
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.
ShowCase
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.
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).
Como funciona
- 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.md com 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.
Fluxo de trabalho completo →
O circuito
| 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.
Leia o circuito completo →
Anti-AI-slop
| 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 --templates
O 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.
Taxonomia anti-slop →
Linhagem e mescla
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.
Linhagem e mescla →
Instalação
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 user
Windows:
powershell -ExecutionPolicy Bypass -File installers/install.ps1 -Agent all -Scope user -DryRun
powershell -ExecutionPolicy Bypass -File installers/install.ps1 -Agent all -Scope user
Reinicie 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 | — |
Guia de instalação completo →
Primeiro uso
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 --status
O 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.
Primeiros 15 minutos →
Comandos
| 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 |
Referência de comandos →
O que está incluído
| 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 |
Estrutura
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
Referências e créditos
BUREAU é um trabalho original. Ele referencia publicamente, sem reproduzir texto:
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.
MIT. Veja LICENSE e NOTICE.
