# Design OS

## Docs

- [/data-shape](https://mintlify.wiki/buildermethods/design-os/commands/data-shape.md): Define or update your product's core entities
- [/design-screen](https://mintlify.wiki/buildermethods/design-os/commands/design-screen.md): Create screen designs for sections
- [/design-shell](https://mintlify.wiki/buildermethods/design-os/commands/design-shell.md): Design your application's navigation and layout
- [/design-tokens](https://mintlify.wiki/buildermethods/design-os/commands/design-tokens.md): Choose your product's colors and typography
- [/export-product](https://mintlify.wiki/buildermethods/design-os/commands/export-product.md): Generate complete implementation handoff package
- [Command Reference](https://mintlify.wiki/buildermethods/design-os/commands/overview.md): Complete reference for all Design OS commands
- [/product-roadmap](https://mintlify.wiki/buildermethods/design-os/commands/product-roadmap.md): Create or update your product's section roadmap
- [/product-vision](https://mintlify.wiki/buildermethods/design-os/commands/product-vision.md): Define your complete product foundation
- [/sample-data](https://mintlify.wiki/buildermethods/design-os/commands/sample-data.md): Create or update realistic sample data for sections
- [/screenshot-design](https://mintlify.wiki/buildermethods/design-os/commands/screenshot-design.md): Capture screenshots of screen designs
- [/shape-section](https://mintlify.wiki/buildermethods/design-os/commands/shape-section.md): Define section specification and generate sample data
- [The Design Process](https://mintlify.wiki/buildermethods/design-os/concepts/design-process.md): The structured workflow for building products in Design OS
- [File Structure](https://mintlify.wiki/buildermethods/design-os/concepts/file-structure.md): How Design OS organizes your product files and components
- [Core Concepts Overview](https://mintlify.wiki/buildermethods/design-os/concepts/overview.md): Understand the fundamental principles and structure of Design OS
- [Export Package](https://mintlify.wiki/buildermethods/design-os/export/export-package.md): Detailed breakdown of what's included in the export package
- [Implementation Guide](https://mintlify.wiki/buildermethods/design-os/export/implementation-guide.md): How to implement your designs in your codebase
- [Implementation Approaches](https://mintlify.wiki/buildermethods/design-os/export/one-shot-vs-incremental.md): Choose between one-shot and incremental implementation strategies
- [Export Overview](https://mintlify.wiki/buildermethods/design-os/export/overview.md): Generate a complete handoff package for implementing your designs
- [Getting Started](https://mintlify.wiki/buildermethods/design-os/getting-started.md): Learn the basics and start designing your first project with Design OS
- [Best Practices](https://mintlify.wiki/buildermethods/design-os/guides/best-practices.md): Guidelines and best practices for using Design OS effectively
- [Design Requirements](https://mintlify.wiki/buildermethods/design-os/guides/design-requirements.md): Technical requirements and standards for creating screen designs in Design OS
- [Troubleshooting](https://mintlify.wiki/buildermethods/design-os/guides/troubleshooting.md): Common issues and solutions when using Design OS
- [Working with AI Coding Agents](https://mintlify.wiki/buildermethods/design-os/guides/working-with-ai.md): How to work with Claude Code, Cursor, and other AI agents to implement your designs
- [Installation](https://mintlify.wiki/buildermethods/design-os/installation.md): Set up Design OS on your local machine and start designing
- [Design OS](https://mintlify.wiki/buildermethods/design-os/introduction.md): The missing design process between your idea and your codebase
- [Application Shell](https://mintlify.wiki/buildermethods/design-os/planning/application-shell.md): Design the persistent navigation and layout that wraps all your sections
- [Data Shape](https://mintlify.wiki/buildermethods/design-os/planning/data-shape.md): Define the core entities and relationships that form your product's data vocabulary
- [Design System](https://mintlify.wiki/buildermethods/design-os/planning/design-system.md): Choose your color palette and typography from Tailwind and Google Fonts
- [Product Vision](https://mintlify.wiki/buildermethods/design-os/planning/product-vision.md): Define your product's core identity, roadmap, and data shape in one conversational flow
- [Changelog](https://mintlify.wiki/buildermethods/design-os/resources/changelog.md): Version history and updates for Design OS
- [Community](https://mintlify.wiki/buildermethods/design-os/resources/community.md): Support, training, and community resources for Design OS
- [Examples](https://mintlify.wiki/buildermethods/design-os/resources/examples.md): Example use cases and project types for Design OS
- [FAQ](https://mintlify.wiki/buildermethods/design-os/resources/faq.md): Frequently asked questions about Design OS
- [Designing Screen Components](https://mintlify.wiki/buildermethods/design-os/sections/design-screens.md): Build props-based React components with preview wrappers for Design OS
- [Working with Sample Data](https://mintlify.wiki/buildermethods/design-os/sections/sample-data.md): Create and update realistic sample data with TypeScript types for screen designs
- [Capturing Screenshots](https://mintlify.wiki/buildermethods/design-os/sections/screenshots.md): Take screenshots of screen designs for documentation and handoff materials
- [Shaping a Section](https://mintlify.wiki/buildermethods/design-os/sections/shape-section.md): Define section specifications and generate sample data with TypeScript types