jimliu/baoyu-design

baoyu-design is an agent skill that packages the design capabilities of claude.ai/design so you can use them inside local AI coding tools like Cursor, Claude Code, and Codex, without visiting the website. It produces UI mockups, interactive prototypes, wireframes, landing pages, dashboards, mobile app screens, and slide decks, all as self-contained HTML files that live in your project folder. The skill works by giving the AI agent a detailed design methodology document and a set of specialized sub-skills covering 24 different output types. These include high-fidelity designs, interactive prototypes, wireframes, mobile prototypes, animated videos, speaker note documents, design system components, PDF export, PPTX export, and handoff files for tools like Figma. The agent reads these instruction files, asks clarifying questions, and then produces the requested output. Starter component files are included for common UI frames like iOS, Android, macOS windows, and browser shells, so the agent does not need to build those from scratch each time. Because the output is plain HTML served locally, you can open a browser preview inside your editor, point at elements you want changed, and ask the agent to edit them directly. This makes revisions faster than working on a website where you describe changes in text alone. Installation uses a command-line tool called npx skills that detects which AI coding agent you are using and places the skill files in the correct folder automatically. It can be installed per-project or globally. An alternative is to paste the GitHub URL directly into a chat with your agent and let it fetch the skill itself for one-off use. The README recommends pairing the skill with Claude Opus 4.8 for the best results, noting that the design methodology document is long and detailed and benefits from a capable model. It is described as working on other capable models as well. All output lands in a designs folder in your repository as files you own and can version or modify freely.