Open-source baoyu-design runs Claude Design locally

A GitHub developer has released an open-source tool that brings Claude Design’s capabilities to local coding environments, allowing developers to generate polished UI mockups and interactive prototypes without using Anthropic’s web-based claude.ai/design platform. The project, called baoyu-design, runs Claude Design locally on coding agents like Cursor, Claude Code, and Claude Desktop, and has already garnered 1,190 GitHub stars.

Baoyu-design open-source platform running Claude Design locally on Coding AG with AI integration and code editor interface

The tool produces polished UI mockups, interactive prototypes, wireframes, landing pages, dashboards, mobile apps, and slide decks, all as self-contained HTML files. No website, separate subscription, or upload step is required, as the agent on the developer’s machine does the work and every artifact stays in their repository.

How the Local Implementation Works

Baoyu-design packages Claude Design, the design engine behind claude.ai/design, as a portable Agent Skill. Developers can install it using a simple command-line interface, with support for over 70 different coding agents including Cline, Roo Code, and GitHub Copilot.

The npx skills installer from Vercel Labs reads the repository, finds the skills/baoyu-design/ directory, and drops it into the appropriate folder for whichever agent it detects. Installation can be done for individual projects or globally across all projects, with specific targeting options for Claude Code, Cursor, or Codex agents.

The system requirements are minimal. Developers need Node.js to run the npx installer, while Python 3 is also handy for the local preview server. For optimal results, Claude Opus 4.8 is recommended as the model.

Features and Capabilities

The baoyu-design skill integrates seamlessly into existing development workflows. Cursor, Claude Code, and Codex have first-class tool references inside the skill, providing enhanced functionality for these popular platforms.

According to the project documentation, final design and prototype delivery includes the running preview, not only the generated file, with harness references updated to make final preview handoff visible to the user after verification. This ensures developers can immediately see and interact with their designs.

Recent updates have expanded platform support. The project added Codex Agent support with comprehensive documentation covering question asking, browser preview, screenshots, debugging, deliverable surfacing, and subagent verification defaults.

Security and Open Source Status

The project has undergone security vetting by the SkillsLLM platform. Baoyu-design passed SkillsLLM’s automated security scan, which includes a dependency vulnerability audit plus prompt-injection heuristics, with no high-severity issues.

The tool is fully open source and available on GitHub, with both English and Chinese documentation to support international developers. The project maintains an active changelog to track updates and improvements.

Relationship to Claude Design and Claude Code

This development comes as Anthropic continues to expand its design and coding capabilities. Claude Code, Anthropic’s official coding platform, recently introduced artifacts, which publish session output as live, interactive web pages on a private URL inside an organization.

The baoyu-design project represents a community-driven effort to make Claude Design’s capabilities more accessible to developers who prefer working in local environments. By eliminating the need for web-based interactions and keeping all design artifacts in local repositories, it addresses privacy and workflow integration concerns for enterprise developers and teams with strict data governance requirements.

The tool’s popularity, evidenced by its rapid accumulation of GitHub stars, suggests significant developer interest in locally-run AI design tools that integrate directly into existing coding workflows. As AI-assisted design tools continue to evolve, projects like baoyu-design demonstrate how open-source communities are adapting commercial AI capabilities for diverse development environments and use cases.

Key Facts

Baoyu-design has received 1,190 GitHub stars since its release
The installer supports over 70 different coding agents, including Cursor, Claude Code, Codex, Cline, Roo Code, and GitHub Copilot
Output formats include UI mockups, interactive prototypes, wireframes, landing pages, dashboards, mobile apps, and slide decks
Claude Opus 4.8 is recommended for optimal results
The project passed security scanning with no high-severity issues