SpecUI

Specification

The normative SpecUI standard — purpose, layouts, agent protocol, validation.

At its core, SpecUI is an agent-enforced design contract for software products: tech-agnostic, multi-file, registry-first, validated in CI.

Schema id: specui (schema: specui in SPEC.md front matter)
Tooling: @logicplanes/specui CLI + optional MCP

The full normative text lives in the repository: docs/SPEC.md.
Print it locally: specui spec · specui spec --json


Purpose

PropertyMeaning
Tech-agnosticWeb, mobile, desktop — same contract
VersionableGit-friendly markdown + YAML
Registry-firstComponents/assets registered before code
Agent-nativeAGENTS.md, rules, skills, MCP share human gates

SpecUI interoperates with DESIGN.md via export --format designmd, but nothing replaces .specui/ as the source of truth.


Layouts

LayoutRootCreate
Consumer.specui/ + AGENTS.mdspecui init
FlatSPEC.md at repo rootspecui new

Installed sources are tracked in .specui-sources.yml at the project root.


Required artifacts

See Schema for the full list. In short:

  • Numbered 0011, TOKENS.yaml, DOS-DONTs.md
  • AGENT-DESIGN-RULES.md, AGENTS-GUIDE.md
  • components/, assets/, patterns/
  • manifests/registry.json (via sync)

There's deliberately no separate checklist file — the content is the system.


Registry

KindPath
Components.specui/components/<kebab>/
Patterns.specui/patterns/<kebab>.md
Assets.specui/assets/<type>/<kebab>/
TokensTOKENS.yaml — semantic layer
Indexmanifests/registry.json

Agent protocol (required)

  1. Read the project root AGENTS.md (SpecUI block from specui init)
  2. Read .specui/SPEC.mdreadOrderDOS-DONTs.md and the relevant numbered docs
  3. Read .specui/AGENTS-GUIDE.md (CLI) and .specui/AGENT-DESIGN-RULES.md (sync protocol)
  4. Register design before code: specui add component|asset|token|pattern
  5. After changes: specui validate && specui sync
  6. Commit .specui/ with the code that realizes it

Details: Agents & MCP.


Validation

specui validate reports error | warn | info:

  • Missing files, registry integrity, catalog drift
  • Optional WCAG contrast on tokens
  • AGENTS.md block freshness

--strict promotes warnings to errors — use it in CI. See Validation.


Distribution & interop

  • load / link / update — consume design systems
  • get — registry components (shadcn, JSON URLs)
  • export — Tailwind, CSS, DTCG, DESIGN.md, JSON

Distribution · Registries · Interop


Licensing & attribution

Every consumer .specui/ includes COPYRIGHT and LICENSE-SPECUI.md. Preserve the Logicplanes (logicplanes.com) / specui attribution in SPEC.md and the AGENTS.md block — it's part of the license terms, not decoration.


Next steps

Edit this page on GitHub
On this page

On this page