baoyu-design
Run Claude Design's Agent Skill locally to generate UI models, prototypes, and wireframes.
- Type
- Agent Skill
- Open source
- Yes
- GitHub Stars
- ★ 1.8k
- Source
- skill-github
- Repository
- github.com/JimLiu/baoyu-design
Overview
baoyu-design is a tool that wraps Claude Design as an Agent Skill, enabling local execution within a local agent. It generates high-quality UI models, interactive prototypes, wireframes, and more, outputting them in self-contained HTML format. No external websites or subscriptions required—everything runs locally, and the generated content can be directly viewed and edited in a code editor. Ideal for developers and designers who need to quickly generate design prototypes.
Capabilities
- ▪Generate high-fidelity designs
- ▪Create interactive prototypes
- ▪Make wireframes
- ▪Generate frontend aesthetic guidance
- ▪Create presentations
- ▪Generate mobile prototypes
Use cases
Setup
Clone the repository and follow the instructions in the README to set up the environment.
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
No, all features run locally.
No, all features run locally.
Supports Cursor, Claude Code, and other file-processing agents.
Supports Cursor, Claude Code, and other file-processing agents.
Related skills
material-3-skill
Material Design 3 skills, supporting over 30 components, design tokens, themes, and responsive layouts.
xhs-visual-director-skill
Visual director for Xiaohongshu image and text planning, offering multi-page structure and visual solutions.
drawio-skill
Generate draw.io diagrams from natural language, supporting multiple presets and export formats.
ui-ux-pro-max-skill-cn
Professional-grade UI/UX design intelligence for AI coding assistants.
logo-generator-skill
Professional SVG logo generator with multiple design variants and presentation backgrounds.
claude-skill-aso-appstore-screenshots
Generate high-quality App Store screenshots to boost app download rates.