Documentation Index
Fetch the complete documentation index at: https://mintlify.com/buildermethods/design-os/llms.txt
Use this file to discover all available pages before exploring further.
Command Reference
Design OS provides a set of slash commands to guide you through the product planning and design workflow. Each command is conversational and helps you build your product definition step by step.Quick Start
The recommended workflow:Define Product Vision
Run
/product-vision to create your product overview, roadmap, and data shape in one conversational flow.Design Each Section
For each section:
/shape-section- Define specification and generate sample data/design-screen- Create screen designs/screenshot-design- Capture screenshots
Command Categories
Foundation Commands
Establish your product’s core definition:- /product-vision - Define product overview, roadmap, and data shape
- /product-roadmap - Update product sections
- /data-shape - Define or update core entities
Design System Commands
Define your visual identity:- /design-tokens - Choose colors and typography
- /design-shell - Design application navigation and layout
Section Commands
Build out individual features:- /shape-section - Define section specification
- /sample-data - Create or update sample data
- /design-screen - Create screen designs
- /screenshot-design - Capture design screenshots
Export Command
Generate your handoff package:- /export-product - Create complete implementation package
Command Behavior
All commands follow a conversational approach:
- Commands ask clarifying questions
- Commands auto-generate files without requiring approval drafts
- You can review and request changes after files are created
Prerequisites
Most commands have prerequisites:/design-tokensrequires/product-vision/design-shellrequires/product-visionand optionally/design-tokens/shape-sectionrequires/product-roadmap/design-screenrequires/shape-sectionand/sample-data/screenshot-designrequires/design-screen/export-productrequires at least one complete section