// operations · evidence 02

Walkthrough: UI gate

Design system compliance is verified. If generated code violates contracts.ui, task_complete is rejected.

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

ui_gate FAIL
  src/Login.tsx: Button import is not from @/components/ui/button
  src/Login.tsx: inline hex '#111827' is forbidden
harness: complete_rejected → fix violations and retry

frontend-shadcnSkill that guides the work.Skills, gates & tasteWhy gates exist.

Open this page in the interactive docs