Skills
收录 97,222 个为 Agent 打包的专项能力与操作指引，复制一行命令即可安装。
设计与 UI
当用户希望为 AI 图像工具（NanoBanana / Gemini / DALL-E / Midjourney）生成详细的英文提示词，以产出顶会级别的学术配图时使用此技能——包括框架图、网络架构图、流程图、模块细节图、对比／消融图和数据模式网格——尤其是当用户说出"论文配图提示词""生成论文配图""学术论文生图""架构图提示词""框架图提示词""顶会风格配图""CVPR 风格图""NeurIPS 风格图""paper figure prompt""academic diagram prompt"，或提供 LaTeX/PDF/Word 论文并要求生成配图提示词时。如果用户没有指定配色方案，需先列出 8 种预设配色选项和配色工具链接，再生成任何提示词。
在设计数据仪表盘时使用本技能——选择 KPI、组织结构布局、应用视觉层级，或决定使用哪款 BI 工具。触发语：''design a dashboard''、''build a KPI dashboard''、''what should my dashboard show''、''help me layout a dashboard''、''dashboard for monitoring''。不适用于从零编写图表代码（请使用 chart-builder）、编写 SQL 查询（请使用 sql-analyst）或设计营销落地页。
创建或提取设计令牌基础——颜色、字体、间距、圆角、阴影——输出为真实的令牌文件（CSS 变量和/或 Tailwind 主题），外加一份从当前硬编码值迁移的迁移映射。适用于用户说"搭建设计系统"、"我们的样式不一致"、"同一个蓝色有 50 种深浅"、"添加设计令牌"、"把我们的设计规范化"、"让新功能保持一致"，或启动一个在构建界面前需要基础的新前端项目时。也是其他设计工作反复与临时取值冲突时的第一步。产出令牌文件、为深色模式接好的全局→语义令牌结构，以及一份最该优先迁移的偏差清单。
使用 Draw.io MCP 服务创建和编辑图表，支持各种形状和厂商。适用于：绘制图表、创建架构图、在图表中添加 Azure/AWS/GCP/Cisco/Kubernetes 图标、将 Mermaid 转换为 draw.io、修复重叠的箭头、编辑 .drawio 文件，以及绘制网络拓扑图、CI/CD 流水线图和认证流程图。支持 XML、Mermaid 和 CSV。使用 drawio/search_shapes，从所有厂商和图标库中查找 10,000 多种形状。不要用于生成 Excalidraw 输出（请使用 excalidraw-mcp-diagramming 技能）。
基于跨游戏模式目录和设计框架（MDA、核心循环、心流、游戏手感、经济系统）分析、设计、评审、平衡和重做电子游戏机制、系统与界面。任何涉及设计的变更或讨论的第一站，包括在 Godot 等引擎中的实现中途。使用场景：设计、平衡、头脑风暴或重做某个机制、成长、经济、装备配置、背包、战利品、商店、敌人或难度缩放、奖励、菜单或 UI 系统；调整掉落率、价格、曲线或缩放；询问某个东西是否有趣、是否太肝，或是否存在主导策略；设计菜单、HUD、转场、新手引导、对话、引导、输入提示或无障碍；捕捉、推介或迭代游戏想法、概念、愿景、设计支柱或 GDD，并持久化为持续更新的概念包；或在构建游戏系统时自行编写这些系统。它与 godot 并行，后者编写引擎代码，而本技能决定那段代码应该做什么。
将交互设计（IxD）原则与框架应用于产品与服务设计工作。在设计或评估交互流程、微交互、反馈机制、可供性、心智模型、组件状态、响应时间、动画与过渡、错误恢复、输入校验、任务流或导航模式时使用此技能。核心受众：从事数字产品与服务的产品设计师、UX 设计师、UI 设计师、服务设计师和交互设计师。触发词：交互流程、微交互、可供性、反馈设计、状态设计（hover/focus/error/loading/empty）、响应时间、过渡、动画、心智模型、任务流、用户流、导航设计、交互规格、交付标注、手势、输入校验、错误状态、加载状态、空状态、系统反馈、能指、设计评审、交互审计、IxD 原则。
集成并使用 Niko Table（兼容 shadcn 的数据表格，基于 TanStack Table）以及可编辑 Data Grid。当用户提到 Niko Table、niko-table.com、基于 shadcn 的数据表格、TanStack Table、构建可排序或可筛选的表格、分面筛选、高级筛选菜单、行或列拖放、服务端分页、服务端网格、无限滚动、Drizzle ORM、nuqs、URL 状态、可分享或可收藏的表格、行展开、树形表格、行选择、可编辑电子表格网格、useDataGrid、DataGrid 单元格编辑器、剪贴板/填充柄、useGridChanges，或任何兼容 shadcn 的数据网格时使用——即使用户没有明确提到 Niko Table。只要任务涉及 React/shadcn 项目中的数据表格或可编辑网格，就优先使用此技能，以便模型遵循 Niko Table 的结构、导入和模式。
嵌入式 Salla 应用内的应用内插件购买 UX——列出应用的插件、打开原生结账，并通过嵌入式 SDK 的 Checkout 模块（`embedded.checkout.getAddons` / `.create` / `.onResult`）获知支付结果。计费由 Salla 负责；绝不在 iframe 中收款。当需要在嵌入式页面中构建购买/追加销售 UI 或接入结账交接时使用。属于嵌入式流程的一部分 → salla-embedded-app。购买后的激活与权益生命周期 → salla-addon-purchase。
让 Salla 应用的 STOREFRONT（商店）UI 保持原生——基于 Twilight 主题的面向购物者的页面。使用由 Storefront JS SDK 驱动的原生 `<salla-*>` Web Component 构建，继承 Twilight CSS token，使用 Salla Icons（`sicon-*`），匹配页面的间距，阿拉伯语优先/RTL，并在已安装的演示商店（`url`）上通过 LIVE 截图验证。当代码片段会绘制可见 UI 时使用。注入方法 → salla-snippets。嵌入式/仪表盘 UI → salla-embedded-ui。
使用 skillui 命令行从任何网站、本地目录或公共 GitHub 仓库提取完整的设计系统。生成 SKILL.md、DESIGN.md 和 token 文件（colors.json、spacing.json、typography.json），Claude 会自动读取。当用户希望在构建 UI 之前从现有网站或代码库提取设计系统或设计 token、希望有一个可参照的设计系统来匹配，或说 "extract the design system from"、"get the tokens from"、"pull styles from this site"、"clone the look of"，或提供 URL/仓库并希望匹配其视觉语言时使用。
创建高质量 SVG 图形，包括图标、插画、徽标、图表、信息图、图案、动画和抽象艺术。只要用户要求创建、绘制、设计或生成任何 SVG 图像、矢量图形、图标、徽标、徽章、图表、流程图、信息图、图案或动画图形，就使用本 Skill。当用户说 "draw me"、"make an SVG"、"create a graphic"、"design an icon"、"vector illustration"，或请求任何最适合以 SVG 文件呈现的视觉输出时也触发。本 Skill 既涵盖简单的单元素图形，也涵盖带动画的复杂多层构图。
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。