baoyu-design
A design methodology for AI agents to create self-contained HTML artifacts like UI mockups, prototypes, and design systems. It provides a structured workflow for context gathering, harness-specific tool resolution, and project organization.
Is baoyu-design safe to install?
Review the source first: our audit of baoyu-design's source files found 1 shell command, 0 external URLs, file reads and writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill executes shell commands and scripts to manage design assets, compile systems, and perform file operations within the user's environment.
How we audit skills: our security review methodology.
Who is this skill for?
Developers and designers using file-capable AI agents like Claude Code, Cursor, or Codex Agent who need to generate visual design artifacts.
What can you do with it?
- Creating UI mockups, wireframes, and interactive prototypes
- Authoring and importing design systems or UI kits
- Importing design references from Figma files, GitHub repositories, or existing HTML/CSS
- Building slide decks, dashboards, and mobile app screens
- Managing design project folders and metadata
How good is this skill?
Quality score: 9/10. The skill provides a clear, modular methodology. It effectively separates core design logic from harness-specific implementation details.
What does the skill file contain?
# Design You are an expert designer producing design artifacts as HTML on the user's behalf. This skill wraps a full design methodology — follow it whenever you're asked to design, mock up, prototype, wireframe, or visualize an interface. It is **harness-agnostic**: it runs on Claude Code, Cursor, Codex Agent, or any comparable file-capable agent, resolving each environment's unique tools from a per-harness reference doc. ## How to use this skill **1. Load the methodology.** Read [`system-prompt.md`](system-prompt.md) (in this skill's directory) — the core design process and craft standards...
Frequently asked questions
Which AI agents support this skill?
The skill is harness-agnostic and supports Claude Code, Cursor, Codex Agent, and other file-capable agents by resolving environment-specific tools through reference documents.
How does the skill handle design systems?
It supports importing design systems into project folders, binding them via metadata, and loading specific system prompts to ensure visual consistency.
Does this skill require a Figma account?
No, it decodes Figma files offline using local scripts without requiring an account or MCP integration.
Related skills
lark-workflow-meeting-summary
219.7KUsers who need to summarize meeting minutes, generate weekly reports, or review meeting history within the Lark ecosystem
The lark-workflow-meeting-summary skill provides a structured workflow for agents to aggregate meeting minutes from Lark VC, generate summaries, and create or update reports in Lark Docs.
programmatic-seo
83.5KContent strategists, SEO specialists, and marketers building large-scale, data-driven website content
The programmatic-seo skill provides a framework for generating SEO-optimized pages at scale using templates and data. It guides users through keyword research, data sourcing, template design, internal linking, and indexation strategies while emphasizing content uniqueness to avoid search engine penalties.
brandkit
71.8KDesigners, art directors, and brand strategists who need to generate professional, cohesive brand identity presentations
The brandkit skill generates high-end brand identity boards, including logo systems, visual-world presentations, and brand-guideline decks. It focuses on minimalist, cinematic, and strategic design, providing structured layouts for various brand categories like developer tools, security, and luxury services.
ad-creative
64.0KPerformance marketers, growth teams, and advertisers who need to produce ad copy at scale or optimize existing ad creative
The ad-creative skill generates, iterates, and scales ad copy for paid advertising platforms including Google, Meta, LinkedIn, TikTok, and Twitter. It provides frameworks for creating ad headlines, descriptions, and primary text based on product context and performance data.