design-os
Guides a product from an idea to a codebase in steps covering product vision, data shape, design tokens, UI design and implementation handoff. Provides commands for Claude Code users.
1.9k
@buildermethods- 1,877Stars earned
- 1Plugin
- 10Commands
Plugins
1@buildermethodsCommands
10data-shape
CommandYou are helping the user create or update the general shape of their product's data — the core entities ("nouns") and how they…
@buildermethodsdesign-screen
CommandYou are helping the user create a screen design for a section of their product. The screen design will be a props-based React…
@buildermethodsdesign-shell
CommandYou are helping the user design the application shell — the persistent navigation and layout that wraps all sections. This is a…
@buildermethodsdesign-tokens
CommandYou are helping the user choose colors and typography for their product. These design tokens will be used consistently across all…
@buildermethodsexport-product
CommandYou are helping the user export their complete product design as a handoff package for implementation. This generates all files…
@buildermethodsproduct-roadmap
CommandYou are helping the user create or update their product roadmap for Design OS.
@buildermethodsproduct-vision
CommandYou are helping the user define their product vision for Design OS. This is a conversational process that results in three files:…
@buildermethodssample-data
CommandYou are helping the user create or update realistic sample data for a section of their product. This data will be used to…
@buildermethodsscreenshot-design
CommandYou are helping the user capture a screenshot of a screen design they've created. The screenshot will be saved to the product…
@buildermethodsshape-section
CommandYou are helping the user define the specification for a section of their product. This is a conversational process to establish…
@buildermethodsIs this you? Claim your profilePut a plugin at the top of Plugins, from $9