OpenDesign
An open-source Claude Design alternative that builds prototypes, decks, dashboards and video through your local agents
Install
od mcp install claudeFor other agents replace claude with codex, cursor, copilot, opencode, cline and so on.
This is third-party code. Review the repository files before installing.
What it does
OpenDesign is a desktop app for macOS and Windows plus a library of skills, DESIGN.md design systems and plugins. It generates web and mobile prototypes, live dashboards, decks, images and motion graphics, exporting to HTML, PDF, PPTX and MP4. The app drives coding-agent CLIs found on your PATH (Claude Code, Codex, Cursor, OpenCode and others) or any OpenAI-compatible endpoint with your own key. Inside an agent it connects as an MCP server via od mcp install.
Who it is for. Designers, product managers and developers who want mockups and decks built in real CSS from their own agent.
Good fit when
- You need a clickable landing page or app prototype in a specific design system
- You want a deck or document exported to PPTX or PDF
- You need to extract a brand's visual language into DESIGN.md
Not a fit when
- You need collaborative vector editing like Figma
- You are on Linux and do not want to build from source
Example request
Use open-design to generate a landing page with the Linear design systemLimitations
No prebuilt Linux artifacts are published; Linux users run from source (Node 24, pnpm 10.33). On macOS and WSL2 the od command can be shadowed by the system /usr/bin/od, so desktop users should copy the snippet from Settings > MCP server. Automatic MCP setup for Claude Desktop works on macOS and Windows only.
How to disable. Run od mcp install <agent> --uninstall to remove the integration from an agent.
MCP
- Authentication
- not required
Security check
- Install via curl piped to a shell script
- The app launches local agent CLIs with filesystem access
- Handles model API keys
README in short
OpenDesign presents itself as an open-source alternative to Claude Design and Figma for the agent era. It is a local app with Home, Plugins, Design System and Studio views for prototypes, decks, mobile UIs, images, documents and HyperFrames. It supports 26 local agent CLIs, with one-command MCP setup for 16 of them. Docker, Sealos deployment and running from source are also available. Apache 2.0 licensed, with a Russian README translation.
FAQ
Does it work without a CLI agent installed?
Yes, via the BYOK proxy: provide baseUrl, apiKey and model for OpenAI, Anthropic, Azure, Gemini, Ollama or any compatible endpoint.
Related
A frontend design skill with 23 commands, live browser iteration and 61 detector rules for common AI-generated UI tells
Vercel Agent Skills
Agent Skills
Vercel's skills: React and Next.js performance, UI guideline audits, React Native, component composition and deploys
A skill with a searchable base of styles, palettes, font pairings and UX rules that generates a design system per product type
Skills against boilerplate-looking UIs: layout, type, motion and spacing, plus reference image generation for web and mobile