Design fixtures

Design examples agents can inspect

These routes show how the design contract becomes usable interface patterns for agent workflows, including good examples, bad examples, component states, responsive constraints, and QA gates.

Endpoint discovery row

Show agents route, purpose, schema, source file, and validation command in one scannable row.

Component: Endpoint list

States

  • default
  • focus
  • long-path-wrapping
  • schema-linked
  • missing-evidence-warning

Open design fixture

QA command block

Show exact command, checks performed, generated report, and pass/fail meaning.

Component: QA command block

States

  • ready
  • running
  • pass
  • warning
  • fail

Open design fixture

Evidence card

Show source path, generated output, date, residual risk, and next action without nesting cards.

Component: Evidence card

States

  • pass
  • needs-review
  • blocked
  • stale
  • missing-file

Open design fixture

Pattern table

Show dense page-pattern or infrastructure rows while keeping mobile overflow intentional and bounded.

Component: Pattern table

States

  • desktop-fit
  • mobile-scroll-wrapper
  • long-command
  • many-columns
  • empty-state

Open design fixture

Status badge set

Provide compact status labels for done, next, later, planned, implemented, pass, warning, and fail.

Component: Status badge

States

  • done
  • next
  • later
  • planned
  • implemented
  • pass
  • warning
  • fail

Open design fixture