The missing design process between your product idea and your codebase.
Design OS is a product-planning and interface-design tool that guides an idea through product definition, data modeling, design-system choices, screen design, and implementation handoff. Teams use it to give coding agents a clear specification before development begins. Its catalogue add-ons support the guided planning and design workflow.
Latest release 2026.2.9 — 2026.2.9 — Faster workflow, focused handoff · 10 Feb 2026
13 files for Claude Code, Codex and OpenCode: frontend-design, data-shape, design-screen, design-shell and 9 more — 2,041 tokens loaded in every session.
AGENTS.md A 2,035 tok CLAUDE.md A 6 tok .agents/skills/frontend-design/SKILL.md A 43 tok .claude/commands/design-os/data-shape.md A — .claude/commands/design-os/design-screen.md A — .claude/commands/design-os/design-shell.md A — .claude/commands/design-os/design-tokens.md A — .claude/commands/design-os/export-product.md A — .claude/commands/design-os/product-roadmap.md A — .claude/commands/design-os/product-vision.md A — .claude/commands/design-os/sample-data.md A — .claude/commands/design-os/screenshot-design.md A — .claude/commands/design-os/shape-section.md A — These files are buildermethods/design-os's own configuration — they tell Claude Code, Codex and OpenCode how to work on this repository, so they are not mods to install elsewhere. Copy one as a starting point and replace the parts that are about this project.