nexu-io/open-design

Analysis updated 2026-06-20

★ 30,252TypeScriptAudience · vibe coderComplexity · 3/5Setup · moderate

Mindmap

mindmap
  root((open-design))
    What it does
      AI design engine
      Text to design
      Self hostable
    Outputs
      Slide decks
      Web prototypes
      Mobile mockups
      HTML PDF PPTX
    Built in assets
      72 design systems
      31 skill modules
    How it works
      Detects your AI agent
      Interactive form
      Self critique step

mindmap root((open-design)) What it does AI design engine Text to design Self hostable Outputs Slide decks Web prototypes Mobile mockups HTML PDF PPTX Built in assets 72 design systems 31 skill modules How it works Detects your AI agent Interactive form Self critique step

Click or tap to explore — scroll the page freely

What do people build with it?

USE CASE 1

Generate a pitch deck for a startup by typing a design request and letting the AI pick a visual direction from curated options.

USE CASE 2

Create a web prototype or mobile mockup from a plain-English description without opening a design tool.

USE CASE 3

Self-host your own AI design engine that works with any supported coding assistant without subscription fees.

USE CASE 4

Export a finished design as HTML, PDF, PPTX, or video for sharing with clients or stakeholders.

What is it built with?

TypeScript

How does it compare?

	nexu-io/open-design	cheeriojs/cheerio	honojs/hono
Stars	30,252	30,302	30,313
Language	TypeScript	TypeScript	TypeScript
Setup difficulty	moderate	easy	easy
Complexity	3/5	2/5	2/5
Audience	vibe coder	developer	developer

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires a supported AI coding assistant already installed, or your own API credentials for a supported AI provider.

In plain English

Open Design is an open-source tool that lets AI coding assistants, programs you run from a terminal that can write and edit code, act as a design engine. It works as an open alternative to a closed-source commercial offering, meaning anyone can self-host it or deploy it to the web without paying for a subscription or being locked to a specific AI provider. The core idea is that you bring your own AI agent: the tool automatically detects whichever supported coding-agent programs are already installed on your computer and routes design tasks through them. If you do not have any such program, you can connect directly to an AI API by supplying your own credentials. You type a design request, say, "make me a pitch deck for our seed round", and the tool presents an interactive form, has the agent pick a visual direction from curated options, and then builds a real project folder with templates and style libraries. The agent checks its own output against a five-point critique before delivering a final artifact that renders in a sandboxed preview window. You can then export the result as HTML, PDF, PPTX, or video. It comes with 72 pre-built design systems (collections of colors, fonts, and layout rules matching known product brands) and 31 reusable skill modules that handle specific output types like slides, web prototypes, mobile mockups, and images. The tech stack is TypeScript.

Copy-paste prompts

Prompt 1

I want to use open-design to create a pitch deck for my SaaS startup. Walk me through how to set it up with my existing AI coding assistant and generate my first deck.

Prompt 2

Using open-design, help me generate a web prototype for a landing page that matches a modern fintech brand style from its built-in design systems.

Prompt 3

Show me how to self-host open-design and connect it to my own API credentials so I can run it without a subscription.

Prompt 4

I want to export a mobile mockup from open-design as a PDF. What steps do I follow from typing my design request to downloading the file?

Frequently asked questions

What is open-design?

An open-source design engine that routes text prompts through your existing AI coding assistant to produce real design projects, slide decks, web prototypes, mobile mockups, using 72 built-in design systems.

What language is open-design written in?

Mainly TypeScript. The stack also includes TypeScript.

How hard is open-design to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is open-design for?

Mainly vibe coder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub nexu-io on gitmyhub

Verify against the repo before relying on details.