Back to Overview
EXAMPLESAvailable

UXDL Builds UXDL

Dogfooding example: UXDL's own application product contract is specified using UXDL.

Dogfooding Architecture

UXDL's own product behavior is specified in product/uxdl.project.yaml. This shows how the project cleanly separates behavioral decisions, design decisions, agent harness context, and test suites:

Flowchart
Rendering diagram...
UXDL product contract serves as canonical input alongside design.md and agent harness.

Separation of Concerns

  • product/uxdl.project.yaml — Owns observable application behavior.
  • uxdl.dev/design.md — Owns visual presentation, themes, layout, and components.
  • docs/38_AI_Agent_Development_Harness.md — Owns agent task decomposition.
  • uxdl.dev/src/ — Technical Next.js implementation code.