
baoyu-design
Run Claude Design locally as an Agent Skill: Cursor, Claude Code & more. Produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML, without claude.ai/design. Best with Opus 4.8.
The Lens
By Erik Loyd, SaaS CEO and former COO/CFO of an AWS Premier Partner.
Updated Aug 2026
Baoyu-design turns your AI coding agent into a UI designer. Describe a screen and it generates a polished, self-contained HTML mockup, prototype, wireframe, or even a slide deck, right inside Cursor or Claude Code. It's a local, MIT-licensed take on Anthropic's claude.ai/design feature, so you get that capability without the hosted product.
It has grown fast. Version 1.2 added routing across 13 project types plus workflows for 3D objects, data visualization, HTML email, maps, and landing pages, on top of the design-system, deck, and mobile-layout skills it started with. Output is self-contained HTML with exports to PDF, editable PowerPoint, and into Figma or Canva. Install is a single command through the skills CLI, and it works across Claude Code, Cursor, Codex, and a long list of other agents.
This is the open alternative to claude.ai/design, and it overlaps Figma AI, v0, and Lovable for spinning up mockups fast. It does not replace Figma as a collaborative design tool; it replaces the "generate me a first draft" step. Solo builders and small teams who want quick UI drafts: install it and go.
The catch: quality leans hard on running a strong model, Opus 4.8 specifically, inside a paid coding agent, so "free" assumes you already pay for the agent underneath. It's also solo-maintained and reshaping itself release to release, so expect the shape of it to keep changing.
Free vs Self-Hosted vs Paid
fully freeFree: The skill itself, under MIT. Sub-skills across 13 project types: mockups, prototypes, decks, 3D objects, data viz, HTML email, maps, landing pages, and exports.
Self-hosted: Nothing to host. One npx skills command installs it into Cursor, Claude Code, Codex, or another compatible agent.
The cost is the agent underneath: It generates designs by driving a paid AI coding agent, and it's tuned for Opus 4.8, so the real spend is your agent subscription or API usage. The hosted thing it replaces, claude.ai/design, is Anthropic's own version of this.
Free and open source (MIT). The catch: it runs on top of a paid AI coding agent, and works best with Opus 4.8.
What to do by team size
- Solo
- free
- Small team
- free
- Larger team
- free
Get tools like this every Wednesday
One featured tool, three on the radar. No fluff.
Similar Tools

🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems · 🖼️ sandboxed preview · 📦 HTML/PDF/PPTX export. 🤖 Runs on Claude Code / Codex / Cursor / Gemini CLI / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.

Open-source Claude Design alternative. One-click import your Claude Code / Codex API key. Prompt → prototype / slides / PDF. Multi-model (Claude, GPT, Gemini, Kimi, GLM, Ollama). BYOK, local-first, MIT.
A low score is not a verdict on quality. Young and niche tools start low by design. How we calculate scores
Trust Signals
License: MIT License
Use freely, including commercial. Just keep the license.
Commercial use: ✓ Yes
About
- Owner
- Jim Liu 宝玉 (User)
- Stars
- 3,973
- Forks
- 276
Also by Jim Liu 宝玉
Explore Further
More tools in the directory
everything-claude-code
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
253.2k ★hermes-agent
The agent that grows with you
243.2k ★cc-switch
A cross-platform desktop All-in-One assistant tool for Claude Code, Codex, OpenCode, openclaw & Gemini CLI.
131.6k ★