buildermethods/design-os

buildermethods/design-os

Command Claude Code

You are helping the user create or update the general shape of their product's data — the core entities ("nouns") and how they relate to each other. This creates a shared vocabulary that ensures consistency across sections when generating sample data and screen designs. This is not the final data model — it's a…

buildermethods/design-os

Command Claude Code

You are helping the user create a screen design for a section of their product. The screen design will be a props-based React component that can be exported and integrated into any React codebase.

buildermethods/design-os

Command Claude Code

You are helping the user design the application shell — the persistent navigation and layout that wraps all sections. This is a screen design, not implementation code.

buildermethods/design-os

Command Claude Code

You are helping the user choose colors and typography for their product. These design tokens will be used consistently across all screen designs and the application shell.

buildermethods/design-os

Command Claude Code

You are helping the user export their complete product design as a handoff package for implementation. This generates all files needed to integrate the UI designs into a real codebase.

buildermethods/design-os

Command Claude Code

You are helping the user create or update their product roadmap for Design OS.

buildermethods/design-os

Command Claude Code

You are helping the user define their product vision for Design OS. This is a conversational process that results in three files: the product overview, product roadmap, and data shape.

buildermethods/design-os

Command Claude Code

You are helping the user create or update realistic sample data for a section of their product. This data will be used to populate screen designs. You will also generate TypeScript types based on the data structure.

buildermethods/design-os

Command Claude Code

You are helping the user capture a screenshot of a screen design they've created. The screenshot will be saved to the product folder for documentation purposes.

buildermethods/design-os

Command Claude Code

You are helping the user define the specification for a section of their product. This is a conversational process to establish the scope of functionality, user flows, and UI requirements — then automatically generate the spec and sample data.