Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
This skill enables UI/UX designers and frontend engineers to produce polished wireframes, prototypes, and decks as standalone HTML files. By integrating with AI coding environments, it streamlines the transition from conceptual design to functional interface mockups.
WHO IT'S FOR
UI/UX designers
generate polished UI mockups and prototypes
Frontend engineers
rapidly prototype interfaces using AI agents
Software maintainers
automate versioning and GitHub release workflows
DevOps / Platform engineers
standardize release processes across polyglot repos
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
Follow the documented setup, then try a first task.
I’m using
Current project, auto-detect agent
Installs: Complete baoyu-design skill bundle installed in the current project for the automatically detected agent. · Cursor, Claude Code, Codex, Cline, Roo Code, GitHub Copilot
Before you start
A supported local agent such as Cursor, Claude Code, Codex, Cline, Roo Code, or GitHub Copilot.
Node.js, which is required to run the npx installer.
Claude Opus 4.8 selected for best results.
Run from: Current project
In a terminal, from the project where the skill should be installed, run:
Installs: Complete baoyu-design skill bundle installed globally for use across projects with the automatically detected agent. · Cursor, Claude Code, Codex, Cline, Roo Code, GitHub Copilot
Before you start
A supported local agent such as Cursor, Claude Code, Codex, Cline, Roo Code, or GitHub Copilot.
Node.js, which is required to run the npx installer.
Claude Opus 4.8 selected for best results.
In a terminal, run the documented global installation command:
A short description of the information and actions the home screen must contain.
Optional design context such as a screenshot, UI kit, Figma .fig export, or relevant codebase; treat any supplied path as a placeholder for the user's actual local path.
Use baoyu-design to wireframe a few layout ideas for a mobile expense-tracker home screen.
A local project containing an auto-detectable version file such as package.json, pyproject.toml, Cargo.toml, marketplace.json, VERSION, or version.txt.
Run the skill in the target project's context; dry-run mode previews changes without executing them.
Claude
Codex
Cursor
Gemini CLI
Copilot
Cline