技能

Get node visual screenshot. Visual Verification. Use to capture screenshots after operations to verify if the design meets expectations.

Get specific style detailed definitions. Use to get metadata for a specific style, including palettes, typography rules, etc.

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.

'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.'

在所有触点上创建和维护一致的品牌形象。当用户需要品牌风格指南、视觉识别系统或跨产品品牌一致性时使用。

Provides comprehensive guidance for draw.io architecture diagrams including diagram creation, shapes, templates, and collaboration. Use when the user asks about draw.io architecture, needs to create architecture diagrams, design system diagrams, or collaborate on diagrams.

Provides comprehensive guidance for draw.io flowcharts including flowchart creation, shapes, connectors, and diagramming. Use when the user asks about draw.io flowcharts, needs to create flowcharts, design process diagrams, or visualize workflows.

在构建新 UI 或重塑现有 UI 时，提供独特、有目的性的视觉设计指导。帮助确定审美方向、排版风格，做出不流于模板化默认值的设计选择。

构建生产级质量的 UI。在构建或修改面向用户的界面、创建组件、实现布局或管理状态时使用。

向编程代理描述视觉身份的格式规范。为 AI 代理提供设计系统的持久化、结构化理解，支持导出为 Tailwind 和 DTCG tokens。

Google Labs 的 AI 设计工具，从文本提示生成 UI 设计。输出 HTML、CSS、design tokens 和 DESIGN.md 文件，实现无缝的设计到代码工作流。