SpecUI

Documentation overview

A map of every page in the SpecUI docs and where to start.

These docs follow a simple rule: tutorials teach, how-to guides solve one job, reference pages answer exact questions. Nothing here is filler — if a page exists, a command or workflow needed it.

Content is edited in wiki/*.md in the repo; the site pages are generated from it.


Where to start

Your goalStart here
Install the CLIInstall
First .specui/ in an appQuick start
Pick a workflow — monorepo, DS repo, agents, shadcnScenarios
Understand the mental modelConcepts
Wire Cursor, Claude, or MCPAgents & MCP
Give the agent a ready promptAgent prompts
Feed the docs to an LLM or crawler/llms.txt
Fail PRs when the spec breaksCI/CD
Look up any commandCLI reference
Look up any init flaginit reference
Something brokeTroubleshooting
Quick answersFAQ

How these docs are written

  1. Commands you can paste. Examples use npx @logicplanes/specui@latest or npx specui from the project root unless a page says otherwise.
  2. Register before code. Every how-to repeats the same loop: specui add → implement → validatesync → commit .specui/ with the code.
  3. One source of truth. .specui/ (or a flat SPEC.md repo) is canonical; exports are regenerated, never hand-edited.
  4. Agents are first-class. AGENTS.md, .specui/AGENTS-GUIDE.md, rules, skills, and MCP get the same coverage as human workflows.
  5. Strict in CI. validate --strict is the recommended production gate throughout.

Every page

Getting started

PageCovers
IntroductionWhat SpecUI is, comparisons, layouts, doc map
Installnpx, global, devDependency, verifying, offline installs
Quick startTutorial: initdoctoraddvalidate → optional get
ConceptsThe contract, consumer vs flat layout, registry, tokens, presets

How-to guides

PageCovers
ScenariosWeb app, flat DS, monorepo, agent-first, shadcn, export, migrate, upgrade, open source
Tokens & componentsadd token/component/asset/pattern, TOKENS.yaml, manifests
Agents & MCPAGENTS.md, AGENTS-GUIDE, rules, skills, MCP hooks
Agent promptsCopy-paste prompts to install SpecUI with a coding agent
CI/CDvalidate in CI, GitHub Actions, JSON output, monorepos, pre-commit
Distributionload, link, unlink, push, pull, import, export, update, diff
Registriesget, shadcn, custom JSON registries, when to use load instead
Interopdesignmd, dtcg, tailwind, css, json, tarball, dir exports
DESIGN.md bridgeSpecUI as canonical source with DESIGN.md as an export
Validationvalidate, strict mode, JSON output, doctor, how sync relates
Troubleshootinginstall, init, validate, get, load, MCP, wiki, docs URLs

Reference

PageCovers
CLI referenceEvery command, exit codes, environment variables
init referencePresets, flags, worked examples
SchemaFiles, folders, front matter, components, assets, patterns
SpecificationNormative summary, link to the full docs/SPEC.md

Community

PageCovers
ContributingContributing to SpecUI vs documenting your own app
FAQShort answers with links to the long ones

The whole CLI, mapped to docs

AreaCommandsPrimary doc
Scaffoldinit, newinit reference, CLI
Registeradd component|asset|token|patternTokens & components
Qualityvalidate, sync, doctorValidation
InspectlistCLI
RegistrygetRegistries
Distributeload, link, unlink, push, pull, import, export, update, diffDistribution, Interop
Agentsrules, skills, spec, mcpAgents & MCP
Meta--help, --versionCLI

Docs that live in the repo instead

PathAudience
docs/SPEC.mdThe normative standard (print it with specui spec)
docs/schema.mdMaintainer-level schema detail
.specui/AGENTS-GUIDE.md in your appAgent reference shipped by specui init

Next

New here? Install, then the quick start. Know what you're building? Pick a scenario. Just have a question? Try the FAQ.

Edit this page on GitHub
On this page

On this page