What you get

Generate interactive UI prototypes, slide decks, and web designs directly within your local editor.

Generate UI Prototypes and Slides with Claude Design

Added 2026-07-26

Bring the power of Claude Design to your local development environment to generate high-quality UI mockups, prototypes, and slide decks without the web interface.

VerifiedDesign & VideoDocuments & SlidesProduct & Project
View on GitHub ↗
Generate UI Prototypes and Slides with Claude Design preview

Baoyu Design packages the Claude Design engine into a portable Agent Skill, allowing you to run it directly within local development environments like Cursor or Claude Code. By leveraging a robust design methodology and component library, it enables the generation of self-contained HTML files for UI mockups, prototypes, dashboards, and slide decks. This tool facilitates iterative design through live previews, ensuring all your design assets remain fully under your control within your local repository.

Related skills

Qiaomu Design: Opinionated AI Design AdvisorA Claude Code agent skill that delivers engineering-grade, non-generic interfaces using anti-AI aesthetic rules, a visual style fitting room, and 58 real-world design systems.Design & Video · Product & Project438 installsDesign Magazines, Decks, and Posters with HTMLA local-first agentic HTML editor featuring 75+ composable templates for magazines, decks, posters, and social media cards.Design & Video · Documents & Slides +18K installsDesign Professional UI/UX Across Platforms with AIAn AI-powered design intelligence system for building professional UI/UX across multiple platforms and frameworks.Design & Video · Product & Project110.2K installsGuizang Editorial & Swiss HTML SlidesA dual visual system—editorial magazine and Swiss minimalism—with 22 locked layouts.Documents & Slides18.1K installs