Skills
收录 97,222 个为 Agent 打包的专项能力与操作指引，复制一行命令即可安装。
设计与 UI
使用单独定义的供体设计系统（另一实时网站或本地静态 HTML 原型；Figma 供体仅有契约定义，尚未实现），以逐字节忠实的内容重建现有网站页面。内容保真度按字节校验（文本、图片顺序、SEO 元数据）；设计应用方式灵活（将内容重新布局到供体模块中）。当用户说“用这个设计换肤我的网站”“将这个设计系统应用到我的内容”“把我的网站改成 <其他网站> 的风格”“设计焕新，内容不变”“使用这些原型重塑品牌”，或同时指出内容网站和设计供体时使用。不要用于基于意图重新设计（应使用 stardust 核心 extract/direct/prototype 流程），也不要用于迁移时保留现有设计（应使用 replica 流程）。
提供 Satori 专家指导。Satori 是将 JSX/HTML 和 CSS 转换为 SVG 的库，也是动态 Open Graph 图片和社交卡片背后的引擎。编写或调试 Satori 标记时均可使用，例如为 OG 图片编写 JSX、选择 Satori 实际支持的 CSS、修复错误渲染的布局、嵌入字体、渲染表情符号或图片，或解决 "Expected length unit" 等 Satori 错误及不支持的属性问题。只要有人使用 Satori 将 HTML/CSS 渲染为 SVG 或 PNG，就应使用此技能，即使对方没有提到 Satori。
编写符合其所属垂直领域特征的页面和网站：电商目录店铺应有店铺的样子，酒店餐饮网站应像餐厅，B2B 制造商网站应体现工业风格。当用户想要构建符合其服务领域特点的网站、修复看起来过于通用或不符合领域特征的构建、达到 competitor-experience-audit 生成的体验标准，或按照该类别可信网站应有的商品展示、信息密度和布局惯例编写页面时，使用此技能。适用于垂直领域惯例、店铺布局、电商布局、零售惯例、商品展示布局、分类页面构成、网站构成、达到体验标准、让网站看起来符合其领域、不符合领域特征、看起来过于通用、垂直领域构建惯例、网站语法等情况。也适用于技术上整洁但在所属类别中观感不对的构建，且问题源于构成而非视觉审美。
Guide des bonnes pratiques Vue.js 3 couvrant la Composition API, la conception de composants, les patrons de réactivité, le styling utility-first avec Tailwind CSS, l'intégration native de la bibliothèque de composants PrimeVue et l'organisation du code. À utiliser lors de l'écriture, la revue ou le refactoring de code Vue.js pour garantir des patrons idiomatiques et un code maintenable.
构建 .NET UI 应用，涵盖 Blazor（Server、WASM、Hybrid、Auto）、MAUI（XAML、MVVM、Shell、Native AOT）、Uno Platform（MVUX、Extensions、Toolkit）、WPF（.NET 8+、Fluent theme）、WinUI 3（Windows App SDK、MSIX、Mica/Acrylic、自适应布局）和 WinForms（高 DPI、深色模式），并支持 JS 互操作、无障碍功能（SemanticProperties、ARIA）、本地化（.resx、RTL）、平台绑定（Java.Interop、ObjCRuntime）及框架选择。包含 20 个主题领域。不适用于后端 API 设计或 CI/CD 流水线。
所有 SGDS Web 组件的完整参考，包含安装和框架集成。用户询问任何 <sgds-*> 组件时使用：accordion、alert、badge、breadcrumb、button、card、checkbox、close-button、combo-box、data-table、datepicker、description-list、divider、drawer、dropdown、file-upload、footer、icon、icon-button、icon-card、icon-list、image-card、input、link、mainnav、masthead、modal、overflow-menu、pagination、progress-bar、quantity-toggle、radio、select、sidebar、sidenav、skeleton、spinner、stepper、subnav、switch、system-banner、tab、table、table-of-contents、textarea、thumbnail-card、toast 或 tooltip。还涵盖 React 19+、React ≤18、Vue、Angular 和 Next.js 集成。
作为应用型产品方法论的 Jobs-to-be-Done 框架。工作陈述、挣扎时刻、雇用与解雇标准，以及功能思维与工作思维的区别。坦诚说明 JTBD 在哪些方面能提升清晰度（探索、优先级排序、定位），又会在哪些方面沦为形式主义仪式（无法推动决策的工作陈述研讨会、伪装成 JTBD 的用户画像表演）。当涉及 jobs-to-be-done、JTBD、工作陈述、挣扎时刻、雇用标准、解雇标准、转换触发因素、功能性、情感性和社会性工作，以及成果导向型创新时触发。当团队过度依赖无法推动产品决策的功能请求列表或用户画像原型、定位讨论需要 JTBD 提供的框架，或探索工作产出的结果与产品战略脱节时，也触发。
Tailwind CSS 高级组件模式，使用 CVA（class-variance-authority）和变体管理。主动用于：（1）使用 CVA 构建可复用的组件变体；（2）处理复杂状态的复合变体；（3）使用 tailwind-merge 安全组合类名；（4）使用 clsx/cn 工具处理条件类名；（5）使用 Tailwind 为 Headless UI / Radix UI 原语设置样式；（6）shadcn/ui 模式；（7）组件插槽模式（asChild）；（8）多态组件；（9）由属性驱动的设计令牌。提供：CVA 设置方案、cn 工具实现、复合变体模式、shadcn/ui 风格组件模板和 asChild 插槽示例。
根据自然语言描述生成 Excalidraw 图表。输出可在 Excalidraw 中打开的 .excalidraw JSON 文件。用户要求“create a diagram”“make a flowchart”“visualize a process”“draw a system architecture”“create a mind map”“generate an Excalidraw file”“draw an ER diagram”“create a sequence diagram”或“make a class diagram”时使用。支持流程图、关系图、思维导图、架构图、DFD、泳道图、类图、时序图和 ER 图。完成配置后可使用图标库（AWS、GCP 等）。不要用于代码架构分析（使用 architecture skills）、Mermaid 图表渲染（使用 mermaid-studio）或非视觉文档（使用 docs-writer）。
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。