analytics

Fast Design with Open-Design

Name: Fast Design with Open-Design
Author: nexu-io

Get native app design with web, desktop, mobile prototypes. For founders needing local-first design tools.

From the repo · “🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / DeepSeek Harness / OpenCode & 20+ CLIs via BYOK.”

intermediate⏱ 30 minutes💵 Free (self-hosted)

103,038 stars+1,901★ this week11,803 forksTypeScriptUpdated 10/21/2026100% free · open source

What it is

Create native app designs with web, desktop, and mobile prototypes using a Claude Design alternative.

Real use case example

"A founder of a new productivity app wants to create a prototype for Android and iOS. They use Fast Design with Open-Design to create multiple design versions based on user feedback, focusing on a clean layout and clear navigation. With the skill's output, the founder refines the app's UI and makes changes, iterating until satisfied with the design."

Best insideClaude Desktop

When to use it

•When you need to design native apps with a focus on local development and control over your data
•When you want to create prototypes for web, desktop, and mobile applications from a single design tool
•When you are looking for an open-source alternative to commercial design tools with a wide range of features and integrations

Ready-to-paste prompt

npx open-design new my-app --template hyperframe --platform web,desktop,mobile

Heads up: Make sure you have Node.js and TypeScript installed on your system, as Open-design is built using TypeScript and relies on Node.js for execution

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

⚡ Runs out of the box

A prompt/skill package — nothing to install beyond adding it to your AI tool.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/open-design && curl -fsSL https://workflowstacks.com/api/skills/open-design/claude-skill -o ~/.claude/skills/open-design/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How Fast Design with Open-Design works

Codeflow

Free to inspect

Fast Design with Open-Design is a very large TypeScript project (~931k lines across 2085 code files, plus 1694 test files). You install it into your AI tool with one command; there is nothing to run yourself. Last commit this month, Apache-2.0 license, has a test suite.

Size

Very large codebase

~931k lines · 2085 code files · days to read — use, don't read

Setup

Install as a skill / plugin

Add it to Claude Code (or your AI tool) with one command — 532 skills inside. Nothing to run yourself.

Runs on

Inside your AI tool

Helper scripts use Node.js

TypeScript 71%HTML 20%CSS 4%JavaScript 2%Astro 1%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
AGENTS.md
The instructions the AI actually follows
3
skills/README.md
Inside skills/ — an example of what the AI is told to do

What's in each folder

skills/Prompts, skills & agent definitions356 files

apps/Sub-packages / plugins4269 files

plugins/Sub-packages / plugins1815 files

packages/Sub-packages / plugins329 files

docs/Documentation190 files

templates/Templates10 files

design-systems/Folder4040 files

design-templates/Folder732 files

READMEHas testsDocumentedCI checksApache-2.0 licenseUpdated this month

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

⚡ Runs out of the box

A prompt/skill package — nothing to install beyond adding it to your AI tool.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/open-design && curl -fsSL https://workflowstacks.com/api/skills/open-design/claude-skill -o ~/.claude/skills/open-design/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

nexu-io

Language

TypeScript