Skills
收录 97,222 个为 Agent 打包的专项能力与操作指引，复制一行命令即可安装。
设计与 UI
实现 Syncfusion .NET MAUI Rich Text Editor（SfRichTextEditor），用于支持格式设置、图像、表格、超链接和代码块的 WYSIWYG 文本编辑。适用于构建富文本编辑器、文档编辑器、电子邮件撰写器、博客文章编辑器或带格式功能的消息应用。涵盖文本样式、工具栏格式设置、使用 IsGrouped 覆盖菜单进行工具栏分组、文本转换（UPPERCASE/lowercase）、块架构绑定（TValue="Schema"）、图像、表格、超链接、代码块、HTML 输出，以及用于提取纯文本的公共 GetText() 方法。
用于构建完整 SGDS 页面和区块的可复用 UI 模块。用户想构建页面、设计布局、创建区块或组合多个区块时使用此技能。以下任一内容均可触发：应用布局、应用外壳、页面结构、主视觉区块、CTA（行动号召）、卡片、卡片网格、功能区块、产品优势、统计数据展示、指标、页面页眉、页面标题、筛选界面、搜索筛选器、数据表格、表单、落地页、仪表盘、侧边栏导航或任何主要页面组件，即使用户没有称其为“模块”。也适用于“我需要一个筛选器”“构建表单”“创建行动号召”“设计落地页”“展示统计数据”“侧边栏布局”等类似的页面级 UI 需求。这些是可直接插入的区块和外壳结构，不是完整页面。与 sgds-templates 组合使用可构建完整页面。
将静态设计（Figma 画面、仪表板、卡片组、应用屏幕，或照片背景上的 UI）转成像素级精确的 HTML 复刻版，从空白状态开始加载，然后让每个视觉元素展示其功能（如图表被读取、列表接收条目、提示词被输入），并无缝循环；导出适用于 X 的 MP4、网站 GIF 和 800×500 GIF。用户要求为设计、Figma 链接、截图、UI 卡片、仪表板或主视觉图制作动画、加载或显现动画、展示循环、动态样机，或设计的视频／GIF 时使用此技能，即使用户只说“让这个动起来”也适用。也用于着陆页和网站中将文字与视觉内容配对的 Bento 和功能卡片，以及产品或仪表板样机。在导出图层、选择动画元素、制作片头、编写视觉叙事循环或编码视频和 GIF 之前，务必先查阅此技能。
Tailwind CSS 调试与常见问题排查。以下情况主动启用：（1）类名未生效／浏览器中没有样式；（2）JIT 模式未识别动态类名（字符串拼接）；（3）从 v3 迁移到 v4 时出错；（4）PostCSS 配置问题；（5）VS Code 中 IntelliSense 未提供自动补全；（6）生产构建缺少类名（purge/content 配置）；（7）CSS 变量冲突；（8）@layer 中的优先级问题；（9）与其他 CSS 框架的前缀冲突；（10）HMR 未更新样式。提供：故障排查决策树、动态类名允许列表模式、content 配置模板、IntelliSense 设置和 PostCSS 调试步骤。
UI/UX 设计参考数据库。包含 50 多种风格、21 组调色板、50 组字体搭配、20 种图表和 8 种技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind）。操作：规划、构建、创建、设计、实现、审查、修复、改进、优化、增强、重构、检查 UI/UX 代码。项目：网站、落地页、仪表板、管理面板、电商、SaaS、作品集、博客、移动应用、.html、.tsx、.vue、.svelte。元素：按钮、模态框、导航栏、侧边栏、卡片、表格、表单、图表。风格：玻璃拟态、黏土拟态、极简主义、粗野主义、新拟态、便当网格、深色模式、响应式、拟物化、扁平设计。主题：调色板、无障碍、动画、布局、字体排版、字体搭配、间距、悬停效果、阴影、渐变。
Tailwind CSS 4 的 DaisyUI 5 组件库最佳实践、模式和用法。用于使用 daisyUI 类名构建 UI、创建基于 daisyUI 的布局、使用 daisyUI 组件设置 HTML 样式、为 daisyUI 创建 React 封装组件，或处理任何涉及 daisyUI 的任务（.html、.jsx、.tsx、.vue、.svelte 文件）。触发条件包括：daisyUI 组件（btn、card、modal、drawer、navbar 等）、daisyUI 颜色名称（primary、secondary、base-100 等）、daisyUI 配置（@plugin "daisyui"）、daisy-meta.ts、generate-daisy-safelist、封装 daisyUI 的复合组件，或在使用 daisyUI/Tailwind CSS 4 的项目中进行任何 UI 任务。
在 React 或 Angular uiBundle 应用中渲染、嵌入或显示现有 Salesforce CMS 内容：安装 CMS toolkit、注册类型化引用、根据实时 schema 生成匹配框架的渲染器，并接通渲染流程（delivery API、contentKey、RichText、图像解析）。对于 CMS 渲染部分，优先于 experience-ui-bundle-frontend-generate 等通用 UI-bundle 技能（仅处理页面／布局外壳），即使代码位于 src/ 下也如此。用户提出“在主页渲染 CMS 文章”“在这里嵌入这篇 CMS 博客文章”“在主视觉中显示 CMS 视频”“在横幅中显示 CMS 图片”或“将此 CMS 内容块添加到详情页”等请求时触发；对于混合请求，仅针对 CMS 部分启用。不要用于搜索 CMS 条目或定义新的 CMS 内容类型／schema（请使用 experience-cms-content-type-generate）。
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。