共 71 个技能可用
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 时，提供独特、有目的性的视觉设计指导。帮助确定审美方向、排版风格，做出不流于模板化默认值的设计选择。
向编程代理描述视觉身份的格式规范。为 AI 代理提供设计系统的持久化、结构化理解，支持导出为 Tailwind 和 DTCG tokens。
Google Labs 的 AI 设计工具，从文本提示生成 UI 设计。输出 HTML、CSS、design tokens 和 DESIGN.md 文件，实现无缝的设计到代码工作流。
花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审，需求模糊时给设计方向。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不适用。
为专业文档和产品落地页排版：简历、一页纸、白皮书、信件、作品集、幻灯片、落地页。温润的羊皮纸底色、墨蓝点缀、衬线主导的层级。
Get specific style detailed definitions. Use to get metadata for a specific style, including palettes, typography rules, etc.
用于通过 Pencil MCP 读取/修改 .pen 设计文件并校验布局。用户提到 pencil/.pen/设计稿编辑、需要列出工具或执行 batch_get/batch_design 时调用。
When you need to turn Stitch page HTML (or a Stitch URL) into a Pencil .pen design. Parses DOM and Tailwind, applies HTML→Pencil mapping and execution order, outputs sequential batch_design for layout and style fidelity (background, color, size, margin, padding, shadow). Supports multi-framework tokens.
Batch search and read node information. The Agent's 'Eyes'. Use to find specific components e.g. all nodes named 'Button' or get child structure within a container.
Smartly find empty canvas space. Use to automatically plan artboard placement to avoid overlap and keep the canvas organized.