Baoyu Design

Baoyu Design is an agent skill that runs Claude Design locally to produce UI mockups, prototypes, and wireframes.

Baoyu Design packages the Claude Design engine as a portable agent skill for local coding assistants. It runs inside environments like Cursor, Claude Code, and Claude Desktop, generating polished UI mockups, interactive prototypes, slide decks, and wireframes as self-contained HTML. Users can interact with the agent in plain language to drive a full design process, from clarifying questions to final code output. The skill supports advanced tasks like offline Figma file decoding, GitHub repository importing, and strict design system adherence. Deliverables are saved directly to your repository as editable HTML files for easy versioning and local browser previewing.

Baoyu Design at a glance

Best for: Designer, Software engineer, Product manager
Runs on: Web, macOS, Windows, Linux, CLI, API, VS Code, JetBrains, Chrome extension, Self-hosted
Pricing: Free
Released: June 2026
Category: AI image tool
Website: github.com/JimLiu/baoyu-design

Key features

Produce high-fidelity UI mockups and interactive prototypes
Generate slide decks with speaker notes
Decode Figma .fig files completely offline
Import GitHub repositories as design sources
Create and apply versioned design systems
Export deliverables as standalone HTML, PDF, or PPTX
Iterate visually using local browser previews

Use it for

Designing website landing pages and mobile applications
Creating interactive UI prototypes and wireframes
Generating presentation decks and marketing materials
Building and applying consistent design systems
Importing and converting offline Figma design files

Alternatives to Baoyu Design

ClaudeAnimationBase — Provides assets, rules and a guide to generate character animations with AI.
Dashboard Design Skill — Distilled from 127 shipped dashboards and built-in screenshot QA passes.
Claude Skills Pack — 388 production-ready skills across 13 tools with zero-dependency Python tools.
video-shotcraft — Provides 157 shot recipe cards and 214 motion previews for automated promo creation.
Open Claude UI — Provides reverse-engineered physics constants and production-ready React components.
Diagram Design — Generates editorial-quality visual types matched to brand colors and typography in seconds.
Dashi Animationstyle — Generates 30fps MP4 explainer videos with seven distinct built-in styles.
Anthropic Agent Skills — Enables Claude to handle specialized, repeatable, and complex tasks.
Interface Design — Stops Claude from forgetting design choices between conversations.
Huashu Design — Eliminates the need for manual design tools by turning natural language into production-ready assets.
Doop — Design side by side with AI agents on a shared, live canvas.
Build with Claude — Search over 28,500 plugins, 6,900 skills, and 6,600 MCP servers.

All Baoyu Design alternatives