full-stack-skills/design-skills

product-interface-spec

按固定模式整理详细功能设计计划：全产品盘点、功能总表与逐模块详规、导航与逐页结构、用户旅程与逐操作转换、Surface Registry、可交接的计划任务。用于功能清单整理、交互流程梳理、界面结构规划、产品设计计划和已有规格接续；要求功能完整、流程清晰、页面结构明确，避免几个界面拼凑。内置真实成果摘录、贯穿案例、固定模板与完整性校验。

ui-design-preview

Build runnable local UI previews with synchronized page/theme switching and fixed device viewports. Use for interactive prototype previews, Phone/Pad comparisons, independent side-by-side review, and portable preview delivery.

ui-design-use

UI Design plugin entry skill: invoke ui-design-use for frontend design requests. ui-design is the plugin ID, not a callable skill name. Use for complete functional design packages (login-to-feature paths, menu visibility, shell layouts, design systems, page…

原文语言：英语

ui-design-to-image

Generate or edit UI concept images and frontend raster assets from a scoped design brief, using native imagegen or an explicitly chosen baoyu-image-gen backend. Use for screen mockups, visual variants, hero art and scoped image corrections; exact UI…

原文语言：英语

adobe-xd

Provides comprehensive guidance for Adobe XD including design creation, prototyping, components, and collaboration. Use when the user asks about Adobe XD, needs to create UI/UX designs, build prototypes, or work with Adobe XD components.

原文语言：多语言混合

algorithmic-art

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather…

原文语言：英语

better-icons

Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search <query>` to find icons, `better-icons get <id>` to get SVG. Also available as MCP server for AI agents.

原文语言：英语

brand-guidelines

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

原文语言：英语

canvas-design

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work…

原文语言：英语

remotion

Best practices and domain knowledge for building videos programmatically with Remotion (videos in React/TypeScript, rendered to MP4). Use whenever writing or editing Remotion code — scaffolding a video project, animating with interpolate/spring over…

原文语言：英语

ui-design-continuity

Define pre-render constraints for first-page design, inheritance from an approved UI baseline, or scoped correction. Record baseline maturity and allowed changes; compare actual candidates after rendering through ui-design-review.

原文语言：英语

ui-design-feature

Use when a product feature is underspecified, when UI work is starting before actions/states/permissions/evidence are defined, or when an existing feature needs a behavior contract without changing approved information architecture.

原文语言：英语

ui-design-harness

Use to execute a selected ui-design-spec workflow or resume an existing design run with persistent progress, specialist dispatch, recovery, retries and evidence gates. Pure specification writing uses ui-design-spec spec mode without requiring a run.

原文语言：英语

ui-design-nav

Use when menus, tabs, routes, deep links, return behavior, or active states are drifting across pages, especially when fixed navigation and page-local views are being confused or duplicated.

原文语言：英语

ui-design-review

Use when product specs, navigation registries, page tasks, prompts, mockups, manifests, or verification evidence may have drifted and a cross-artifact consistency decision is required before promotion or delivery.

原文语言：英语

ui-design-spec

Use when planning product or feature UI, filling page and interaction gaps, or continuing design tasks. Covers menu maps, page specs, flows and consistency checks. 完整功能设计、逐页规格与任务交接。

ui-design-theme

Select, reuse or define a color and typography theme for UI and visual artifacts. Preserve existing brand choices and return a versioned theme contract for visual production and continuity checks.

原文语言：英语

ui-design-visual

Create HTML UI prototypes and visual artifacts from a scoped specification, theme and continuity brief. Use for visual exploration, page production, slides or animation; cross-artifact acceptance belongs to ui-design-review.

原文语言：英语

cross-platform-mvp-ui-alignment

对齐 Android、Apple 等多平台 MVP 规格、功能状态、设计语言与 Phone/Tablet 成套 UI 资产。适用于已有规格或图稿发生平台分叉、页面覆盖不一致、需要建立共享页面矩阵和可审查视觉基线的产品设计工作；不用于直接实现原生客户端代码。