Turn 1
Question form before pixels.
Every fresh design brief starts by locking audience, tone, brand context, scale, and constraints. The redirect happens before the agent writes a single div.
Local-first · open-source · agent-native
An open alternative to closed design-agent products: coding agents on your laptop become a design engine for prototypes, decks, dashboards, images, videos, and export-ready artifacts.
01 · The loop
Open Design turns the chat into a controlled production line: ask, choose direction, show todos, write files, review, render, export.
Turn 1
Every fresh design brief starts by locking audience, tone, brand context, scale, and constraints. The redirect happens before the agent writes a single div.
02 · What ships
The repository positions design output as real files with real preview, persistence, import, and export paths.
Claude Code, Codex, Cursor Agent, Gemini CLI, OpenCode, Qwen, Copilot, Kimi, and more can become the design engine.
Each skill carries instructions, templates, references, and checklists so artifacts are assembled from repeatable design systems.
Color, type, spacing, components, motion, voice, and anti-patterns live in editable DESIGN.md contracts.
The output is not a chat transcript. It is a file-backed artifact visible in the workspace and previewed safely.
Image, video, audio, and HyperFrames surfaces sit beside web, mobile, dashboard, editorial, and deck workflows.
HTML, PDF, PPTX, ZIP, Markdown, project files, saved tabs, and SQLite-backed conversation state stay available tomorrow.
03 · Architecture
A web UI talks to a local daemon. The daemon scans tools, launches the chosen agent inside the project folder, and keeps keys behind BYOK boundaries.
04 · First run
The source path expects Node 24 and pnpm 10.33.x. Desktop builds and Docker are documented in the repository too.
Run from source
First load detects agent CLIs, loads skills and design systems, creates the local .od/ runtime folder, then lets you prompt into the artifact workflow.