// operação · evidência 02

Walkthrough: gate de UI

Design system no Okami não é uma recomendação de prompt. contracts.ui vira regra verificável; se o código viola o contrato, task_complete é rejeitado.

Abrir na documentação completa GitHub

Contrato

okami.yaml

contracts:
  ui:
    library: shadcn
    component_source: '@/components/ui'
    forbid_inline_hex: true
    forbid_raw_css: true
    require_component_source: true

Comando

okami task "crie uma tela de login com shadcn" -e ui_gate
okami gate -c ui ./src

Falha útil

ui_gate FAIL
  src/Login.tsx: import de Button não vem de @/components/ui/button
  src/Login.tsx: hex inline '#111827' proibido
  src/Login.tsx: style={{ ... }} proibido

harness: complete_rejected → corrige violações e tenta novamente

Por que isso vende confiança

O agente pode errar, mas o gate torna o erro observável.
A violação volta com arquivo/linha, não como feedback vago.
A skill de frontend orienta; o gate impõe.
Taste entra como crítico soft por cima do contrato hard.

frontend-shadcnSkill que guia o agente.Skills, gates & tasteA teoria por trás.

Abrir esta página nos docs interativos