Open Design
Local-first desktop app that turns your coding agent into a design engine
Open Design is an Apache-2.0 desktop workspace that drives an already-installed coding agent (Claude Code, Codex, Cursor, Gemini CLI and 20-odd others) to produce real design files instead of chat text: interactive prototypes, landing pages, dashboards, slide decks, images, and HTML-to-MP4 motion graphics called HyperFrames. Brand consistency is carried by a plain-text DESIGN.md contract plus 151 packaged design systems, so the same visual language survives across agents and artifacts. The plugin library holds 468+ entries split into Templates, Skills and Systems, including 143 example render templates and 11 video templates. It is for designers and builders who want agent-generated artifacts as owned local files (HTML/PDF/PPTX/MP4) with BYOK model costs rather than a closed cloud tool.
curl -fsSL https://open-design.ai/install.sh | sh -s <agent>Reach for this when the deliverable is a finished artifact — a deck, a dashboard, a landing page, an MP4 — rather than a component you will import into an app; it writes real HTML/PDF/PPTX/MP4 to disk instead of returning markup in chat. Pull one plugin from /plugins as the starting frame and let DESIGN.md carry the brand, because a bare prompt with no design system is where the generic-AI look creeps back in. Watch out that it drives whichever agent CLI is already installed and bills through your own key, so long deck and video runs cost real tokens; also treat the 143 example templates as remix seeds, not as an importable component library.
Why it is here. It is the most complete open answer to closed AI design tools — a portable DESIGN.md contract plus 468 plugins that make agent output look art-directed rather than auto-generated.
- Article Magazine · Long-form magazine article layout with editorial typography
- Audio Jingle · Short audio jingle / sound-logo artifact
- Blog Post · Long-form article with masthead, hero image, body, figures, pull quotes and author byline
- Twitter Card · Twitter/X share-card image
- Xiaohongshu Card · Xiaohongshu (RED) 3:4 share card
- Clinical Case Report · Structured medical case presentation in SOAP format for clinical rounds
- Interactive Capability Map · Interactive capability/feature map diagram
- Critique · 5-dimension expert design review scoring philosophy, hierarchy, detail, functionality and innovation
- Dashboard · Single-file admin/analytics dashboard with sidebar, top bar, KPI cards and charts
- Data Report · Data-heavy report document with charts and tables
- Dating Web · Dating product marketing/web page
- DCF Valuation · Discounted-cash-flow valuation model presented as a document
- Deck — Guizang Editorial · Editorial-magazine slide deck theme
- Deck — Open Slide Canvas · Free-canvas slide deck engine
- Deck — Swiss International · Swiss International style slide deck theme
- Design Brief · Structured design brief document
- Digital E-Guide · Downloadable e-guide / lead magnet
- Kami Parchment Doc · Parchment-textured long document theme
- Docs Page · Product documentation page layout with in-page navigation
- Email Marketing · Marketing email template
- Engineering Runbook · Operational runbook document for engineering teams
- Finance Report · Financial reporting layout with statements and charts
- FlowAI Live Dashboard · Live-data dashboard template
- Frontend Slides · Frontend engineering talk deck
- FS Creative Voltage · Full-site design system: high-energy creative agency look
- FS Editorial Forest · Art-directed annual report — editorial system, photography rhythm and data spreads
- FS Electric Studio · Full-site design system: studio portfolio look
- FS Emerald Editorial · Full-site editorial design system in an emerald palette
- FS Notebook Tabs · Full-site design system built on notebook-tab navigation
- Gamified App · Gamified mobile app prototype with progress and reward screens
- GitHub Dashboard · Repository metrics dashboard
- Guizang PPT · Guizang-style single-file HTML presentation
- Hatch Pet · Consumer pet-product landing site
- HPS Academic Paper · Poster/print style: academic paper
- HPS Bauhaus · Poster/print style: Bauhaus
- HPS Memphis Pop · Poster/print style: Memphis pop
- HPS Retro TV · Poster/print style: retro television
- HPS True Blueprint · Poster/print style: technical blueprint
- HPS Y2K Chrome · Poster/print style: Y2K chrome
- HR Onboarding · Employee onboarding deck / handbook
- HTML PPT · Base single-file HTML slide deck engine
- HTML PPT — Pitch Deck · Investor pitch deck
- HTML PPT — Presenter Mode · Deck with speaker notes and presenter view
- HTML PPT — Product Launch · Product launch announcement deck
- HTML PPT — Weekly Report · Recurring weekly status deck
- HTML PPT — Tech Sharing · Internal tech-sharing session deck
- HTML PPT — Brutalist Taste · Deck theme: brutalist
- HTML PPT — Editorial Taste · Deck theme: editorial
- Huashu Keynote Black · Dark keynote deck theme
- Huashu Bento Insight · Bento-grid insight deck
- Huashu Golden Circle · Golden-circle framework deck
- Huashu Luxe Whitespace · Luxury whitespace-led deck theme
- Huashu Annual Letter · Shareholder-style annual letter document
- Aurora Veil · Self-contained WebGL2 hero: layered aurora light curtains warped over a night sky
- Bold Poster Frame · HyperFrames video: 1970s European editorial poster in motion with red rule, figure drop and headline rise
- Bold Signal Frame · HyperFrames video: bold colored card on dark gradient with section number, breadcrumb and sliding card
- DESIGN.md contract portable across 21+ agent CLIs
- 468+ plugins across Templates, Skills and Systems
- HyperFrames: HTML to MP4 motion graphics
- 151 packaged design systems
- Apache-2.0 and local-first with BYOK
Verified 2026-08-15. HTTP 200. https://open-design.ai, https://open-design.ai/plugins, https://github.com/nexu-io/open-design, https://github.com/nexu-io/open-design/tree/main/plugins/_official, https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples (143 directory names read directly). https://open-design.ai/templates returned 404. Template URLs follow the /plugins/example-<dir>/ pattern confirmed on four featured entries.
