baoyu-design Integration

Skill by ara.so — Design Skills collection.

baoyu-design packages Claude Design — the design engine behind claude.ai/design — as a portable Agent Skill. It enables local agents to produce polished UI mockups, interactive prototypes, wireframes, landing pages, dashboards, mobile apps, and slide decks as self-contained HTML files.

What It Does

• Full design process: Clarifying questions → design context gathering → HTML deliverables → preview & verification
• 24 built-in skills: Hi-fi design, interactive prototypes, wireframes, slide decks, mobile prototypes, design systems, export formats (PDF, PPTX, Figma)
• Visual iteration loop: Point at elements in browser preview, describe changes, agent edits source
• Self-contained output: All designs saved as standalone HTML in designs/<project>/
• Best with Claude Opus 4.8: Optimized for strong models but works with other capable LLMs

Installation

Via npx skills CLI (Recommended)