Figma

design-consultation 是一项 design-consultation 技能，用于把粗略的产品想法转化为完整的设计方向。它会生成 DESIGN.md 作为单一事实来源，并提供预览，以及关于字体、颜色、间距、布局和动效的系统级指导。适合新产品和需要统一起点的 UI 界面。

ckm:design 是一项结构化设计技能，用于任务路由并产出 logo、CIP mockup、横幅、幻灯片和 SVG 图标。它提供实用参考、CSV 驱动选项和 Python 脚本，适合需要可复用设计流程的用户，而不只是依赖通用提示词输出。

design-system-patterns 可帮助团队围绕 token 结构、theming 架构和可复用组件 API 模式，构建设计系统与组件库所需的可扩展 UI 基础。

figma-create-new-file 会在草稿中创建一个全新的空白 Figma Design 文件或 FigJam 白板。适合在进行更深入的 Figma 操作（包括 use_figma）之前，先建立一个干净的起点。它支持 design 或 figjam、可选文件命名，并且在需要时可通过 whoami 解析权限方案。

figma-create-design-system-rules 可帮助你为 Figma-to-code 工作生成项目专属的 Design System 规则。可用它来沉淀组件规范、命名、tokens、文件位置，以及哪些内容不应硬编码，从而让 AI 编码代理在整个仓库中保持一致。需要连接 Figma MCP server。

figma-code-connect-components 可通过 Figma Code Connect 将 Figma 设计组件映射到匹配的代码组件。适用于设计实现对齐、variant 和 prop 匹配，以及在创建映射前先找到合适的本地组件。更适合 connect、map 或 link-to-code 工作流，不适合画布编写或整页生成。

使用 figma 从 Figma MCP server 中拉取设计上下文、截图、变量和资源，然后把 Figma 节点转化为可直接落地的 UI 决策。这个 figma skill 适合你手头有 Figma URL 或 node ID，需要用于设计转代码、配置或排障的准确 figma 用法时使用。

industrial-brutalist-ui UI设计技能用于打造机械感、高密度界面，融合瑞士风格网格、强烈的字体对比、实用主义配色和模拟纹理。这个 industrial-brutalist-ui 指南适合看板、编辑系统和作品集页面，帮助它们呈现克制、明确的控制台式视觉气质。

wwas 是一个用于 Requirements Planning 的提示技能，可将零散想法转化为 Why-What-Acceptance 待办项。使用 wwas 可以捕捉业务背景、清晰定义变更，并撰写可测试的验收标准，让工作项更适合冲刺开发。

使用 user-stories 技能，将功能转化为可直接进入 backlog 的用户故事，结合 3 C’s、INVEST 原则、设计链接和可验证的验收标准。非常适合编写用户故事、拆分功能为 backlog 项，并用于 Requirements Planning 下的 user-stories，让范围更清晰、减少猜测。

使用 job-stories 技能，把功能想法转化为 JTBD 风格的 job story，格式为“当 [情境] 时，我想要 [动机]，以便 [结果]”。它有助于产出更清晰的 backlog 条目、在 Requirements Planning 中正确使用 job-stories，并生成扎根于用户情境的验收标准。

enhance-prompt skill 可以把模糊的 UI 想法转化为更清晰、适合 Stitch 的提示词，并强化结构、UI/UX 词汇和设计系统上下文。使用这份 enhance-prompt 指南，可以提高提示词的具体性，减少猜测，并让提示词编写和 UI 生成的结果更一致。

design-md 技能会分析 Stitch 项目，并把其中的界面整理成语义化的 DESIGN.md 事实来源，帮助你在布局、语气、颜色和组件语言上保持一致。若你需要的是面向未来 Stitch 生成的可提示指导，而不只是一个视觉摘要，那么 design-md 很适合用于 Design Systems。

diagram-generator 可根据结构化输入创建和编辑 draw.io、Mermaid 和 Excalidraw 图表。它支持流程图、时序图、类图、ER 图、思维导图、架构图和网络拓扑图，并且可以读取现有的 `.drawio`、`.mmd` 和 Excalidraw 文件，方便后续修改。

figma-use 是在每次调用 use_figma 之前都应安装的技能，用于确保 JavaScript 能在 Figma 文件上下文中安全运行。它支持设计落地类工作，例如创建和编辑节点、连接变量与样式、构建组件和变体，以及以程序化方式检查文件结构。该仓库还包含使用指南、常见坑位和实践模式，可帮助减少常见的 Figma 自动化错误。

使用 network 技能创建带有 mxGraph 设备图标、自动布局、区域分组和清晰链路语义的 PlantUML 网络拓扑图。它适用于 LAN、WAN、企业网络、数据中心、无线、安全以及厂商专有图示，并提供网络使用示例，以及 network 与 uml 或 cloud 何时使用的说明。

infographic 技能会使用 `infographic` DSL，将结构化内容转换为精致的 infographic 布局。适合 KPI 卡片、时间线、路线图、步骤流程、A vs B 对比、SWOT、漏斗、组织树以及简单图表。它尤其适合用于 UI Design 中的 infographic 以及 4-8 个项目的演示型摘要。不适合复杂数据分析或技术示意图。

logo-generator 可帮助你为产品、品牌和概念创建专业的 SVG logo 和精致的展示图。它结合了设计模式指引、6+ 种 logo 变体、SVG 转 PNG 导出，以及背景展示图生成。當你需要一份用于 Branding 的快速、结构化 logo-generator 指南，并且希望输出可编辑、预览可直接用于展示时，就用这个 skill。

figma-designer 通过 Figma MCP 分析 Figma 文件或截图，提取视觉规格、design tokens、组件信息，以及可直接用于实现的 PRD 交接内容，适合 UI 设计团队使用。

stitch-design-taste 是一个面向 Design Implementation 的 Google Stitch 设计系统技能。它会生成适合 agent 使用的 `DESIGN.md` 指南，帮助你打造高级、非模板化的 UI，涵盖清晰的排版、经过校准的配色、非对称布局、动效规则以及禁用模式。适合你需要一套可复用的 stitch-design-taste 指南，而不是一次性提示词时使用。

hand-drawn-diagrams 技能可将自然语言提示词转成手绘风格的 Excalidraw 图表、流程图、说明图、线框图和页面原型。它会校验输出，并可返回可编辑 URL 以及可导出的图片。适合需要快速出图、想要草图感而非精致矢量风格的场景。

figma-implement-design 可将 Figma 设计转换为可直接用于生产的应用代码，并尽量保持 1:1 的视觉还原度。适用于从 Figma 文件实现 UI 代码、对齐某个特定组件或屏幕，或按照 figma-implement-design 指南进行 Design Implementation。它不用于编辑 Figma 画布节点。

figma-generate-library 可帮助你从代码库出发，按顺序完成 tokens、组件库、文档以及浅色/深色主题的设计系统构建或更新。需要的是面向 Design Systems 的实用指南，而不是一次性的 mockup 时，就该用 figma-generate-library。它与 figma-use 互补，用于 Plugin API 调用。

figma-generate-design 可将已编码的页面、模态框、抽屉、侧边栏、面板及其他多区块视图，借助已发布的设计系统转换为 Figma。它会从 Code Connect 和相关来源中查找组件、变量、样式与资源，再按区块逐步组装屏幕用于 Design Implementation，而不是手工重画全部内容。当你需要与代码和 tokens 保持高一致性时，可使用 figma-generate-design 指南。