sdtk-design-kit

sdtk-design-kit is the public CLI package for SDTK-DESIGN.

Package version in this source snapshot: 0.3.1 CLI command: sdtk-design

SDTK-DESIGN is a local-first MVP design planner and reviewer. It turns either a rough MVP idea or explicit SDTK-SPEC design artifacts into reviewable design docs, a static prototype, visual review evidence, and an SDTK-CODE handoff.

It is not a Figma clone, Lovable clone, v0 clone, full app builder, production code generator, or network service.

Install

npm install -g sdtk-design-kit
sdtk-design --version
sdtk-design --help

Beginner Idea Flow

sdtk-design init
sdtk-design start --idea "I want to build a lightweight CRM for solo consultants to track leads." --style premium-dashboard
sdtk-design prototype
sdtk-design review --artifact docs/design/prototype/index.html
sdtk-design handoff
sdtk-design status

SPEC-Driven Multi-Screen Flow

Use this when SDTK-SPEC or an agent has produced explicit screen/design artifacts.

sdtk-design init
sdtk-design start --from-spec . --profile b2b-commerce
sdtk-design prototype --force
sdtk-design review --artifact docs/design/prototype/index.html
sdtk-design handoff
sdtk-design status

Optional read-only reference export mapping:

sdtk-design start --from-spec . --reference-dir ./docs/design/reference-export --profile b2b-commerce

start --from-spec consumes explicit design artifacts. It does not parse raw requirement prose or invent missing screens.

Commands

sdtk-design init
sdtk-design start --idea "<idea>" --style premium-dashboard
sdtk-design start --from-spec . --reference-dir ./docs/design/reference-export --profile b2b-commerce
sdtk-design brief --idea "<idea>"
sdtk-design screens
sdtk-design wireframe --screen landing
sdtk-design system --style minimal-saas
sdtk-design prototype
sdtk-design review --artifact docs/design/prototype/index.html
sdtk-design handoff
sdtk-design status

Visual style presets:

minimal-saas
premium-dashboard
bold-founder
warm-editorial

Outputs

Human-facing artifacts are written under docs/design/, including:

DESIGN_BRIEF.md
SCREEN_MAP.md
DESIGN_SYSTEM.md
DESIGN_HANDOFF.md
prototype/index.html
reviews/DESIGN_REVIEW_YYYYMMDD.md
wireframes/

SPEC-driven/high-fidelity flows may also create per-screen briefs, component contracts, visual token contracts, reference maps, fidelity reviews, and internal state under .sdtk/design/.

Boundaries

• no production app code generation
• no URL/browser/screenshot/vision review in the CLI
• no network calls by default
• no .sdtk/atlas creation or mutation
• no SDTK-WIKI output mutation
• no overwrite unless a command explicitly supports --force

See products/sdtk-design/governance/SDTK_DESIGN_USAGE_GUIDE.md for the full usage guide.