Skills
收录 96,770 个为 Agent 打包的专项能力与操作指引，复制一行命令即可安装。
设计与 UI
使用 ActivityKit 在 iOS 应用中实现、审查或改进 Live Activities 和 Dynamic Island 体验。用于构建在锁定屏幕和 Dynamic Island 上实时更新的小组件，例如配送追踪、体育比分、网约车状态、运动计时器、媒体播放或任何实时更新的时效性信息。处理 ActivityKit、ActivityAttributes、Activity 生命周期（request/update/end）、Dynamic Island 布局（compact/minimal/expanded）、通过推送更新 Live Activities 或锁定屏幕实时小组件时也使用。
以 Steve Jobs 的标准评审设计、产品和功能：极致简洁、专注和端到端卓越。用户提到“Steve Jobs review”“design review”“product review”“what would Steve do”“insanely great”“this feels too complicated”“too many features”“product taste”“saying no”或“is this good enough to ship”时使用。评议 UI、功能或路线图的专注度与简洁性、将范围缩减至核心内容，或从首次使用到日常使用全面检验体验时也适用。涵盖简洁性审查、拒绝清单、设计即运作方式、端到端所有权、演示文化，以及采用二元结论的 Jobs 式评审流程。视觉设计基础请参阅 refactoring-ui；可用性审查请参阅 ux-heuristics；细节打磨请参阅 microinteractions。
关于为 .NET MAUI 应用设置主题的指南，涵盖通过 AppThemeBinding 实现浅色／深色模式、ResourceDictionary 主题切换、DynamicResource 绑定、系统主题检测以及用户主题偏好。适用于：「dark mode」「light mode」「theming」「AppThemeBinding」「theme switching」「ResourceDictionary theme」「dynamic resources」「system theme detection」「color scheme」「app theme」「DynamicResource」。不适用于：本地化或语言切换（参见 .NET MAUI 本地化文档）、无障碍视觉调整（参见 .NET MAUI 无障碍文档）、应用图标或启动画面（参见 .NET MAUI 应用图标文档），以及 Bootstrap 风格的类主题化（参见 Plugin.Maui.BootstrapTheme NuGet 包）。
为 .NET MAUI 应用中 CollectionView 的实现提供指导，涵盖数据显示、布局（列表和网格）、选择、分组、滚动、空视图、模板、增量加载、滑动操作和下拉刷新。适用于：“CollectionView”“列表视图”“网格布局”“数据模板”“项目模板”“分组”“下拉刷新”“增量加载”“滑动操作”“空视图”“选择模式”“滚动到项目”、显示可滚动数据以及替换 ListView。不适用于：不含可滚动数据的简单静态布局（使用 Grid 或 StackLayout）、地图图钉列表（使用 Microsoft.Maui.Controls.Maps）、基于表格的数据录入表单、非 MAUI 列表控件、CarouselView 或 BindableLayout 问题、特定平台的处理程序或渲染器自定义、诊断 MAUI 框架本身的 CollectionView 错误，或只是提及列表的一般 MVVM/绑定问题（使用 maui-data-binding）。
为 .NET MAUI 应用实现基于 Shell 的导航提供指南。涵盖 AppShell 设置、视觉层次结构（FlyoutItem、TabBar、Tab、ShellContent）、使用 GoToAsync 进行基于 URI 的导航、路由注册、查询参数、返回导航、Flyout 和标签页配置、导航事件及导航守卫。适用于：设置 Shell 导航、添加标签页或 Flyout 菜单、使用 GoToAsync 在页面间导航、在页面间传递参数、注册路由、自定义返回按钮行为，或通过确认对话框守卫导航。不适用于：来自外部 URL 的深层链接（参阅 .NET MAUI 深层链接文档）、页面数据绑定（使用 maui-data-binding）、依赖注入设置（使用 maui-dependency-injection），或不使用 Shell 的纯 NavigationPage 应用。
实现 Google 的 Material Design 3（Material You）UI 系统。主要支持 Jetpack Compose Material3（MaterialTheme、组件、自适应布局）。也支持 Flutter 和有限的 Web（@material/web，维护模式）。涵盖设计令牌、30 多个组件、布局、主题设置、M3 Expressive（平台矩阵）和无障碍功能。适用于：“material design”“MD3”“material you”“Jetpack Compose”“MaterialTheme”“material component”“md3 button”。
面向 .NET 10 及以上版本的 .NET MAUI 安全区域与边到边布局指南。涵盖新的 SafeAreaEdges 属性、SafeAreaRegions 枚举、按边控制、键盘避让、Blazor Hybrid 的 CSS 安全区域、从仅限旧版 iOS 的 API 迁移，以及 Android、iOS 和 Mac Catalyst 的平台特定行为。适用于："safe area"、"edge-to-edge"、SafeAreaEdges、SafeAreaRegions、"keyboard avoidance"、"notch insets"、"status bar overlap"、"iOS safe area"、"Android edge-to-edge"、"content behind status bar"、"UseSafeArea migration"、"soft input keyboard"、"IgnoreSafeArea replacement"。不适用于：常规布局或网格设计（使用 Grid 和 StackLayout）、应用生命周期处理（使用 maui-app-lifecycle）、主题或样式（使用 maui-theming）、Shell 导航结构。
适用于所有 Streamlit 任务：创建、编辑、调试、美化、设置样式、主题、优化或部署 Streamlit 应用。也适用于自定义组件、st.components.v2、HTML/JS/CSS 工作。会发现并加载与用户所安装 Streamlit 版本（>=1.57）匹配的参考文档。触发词：streamlit、st.、dashboard、app.py、beautify、style、CSS、color、background、theme、button、widget styling、custom component、st.components、CCv2、session state、performance、cache、fragment、slow rerun、deploy。
从 Web 项目中查找并移除 AI 垃圾内容——即 vibe coding 产品中千篇一律、机器默认的视觉与文案套路。当用户要求「kill AI slop」「de-slop」「去除 AI 感」「让这个看起来不像 AI 生成的」，或清理感觉模板化的落地页/UI/文档时使用。能够识别并修复一系列典型特征：靛蓝到紫罗兰渐变、渐变裁切标题、默认语义色板、单一色调状态框、氛围渐变、衬线斜体强调、高亮关键词、AI 文案腔调（「不只是 X——而是 Y」）、到处使用 emoji、发光状态点、摇摆的加载指示器、左侧彩边标注框、粉彩图标磁贴、玻璃拟态、过度圆角、过大阴影、在边角处断掉的边框、徽章与药丸标签泛滥、AI 绘制的 SVG 图标、每个标题上方的小标题、平铺的字体层级、虚构的数据统计行、01/02/03 章节编号、卡片嵌套卡片、默认的 Inter/Space Grotesk 观感等。适用于 HTML/CSS、React/Vue/Svelte/Astro、Tailwind、PHP 和 Markdown 文案。
编排由 Apex 支持的 Lightning Type + HXL widget 生成。仅当提示词明确调用 Lightning Types 时触发：用户说出“Lightning Type”、“CLT”、“Custom Lightning Type”或“Apex-backed type”，引用“@apexClassType/...”，要求为指定的 Lightning Type 构建 widget 或卡片，要求同时创建新的 Lightning Type 和 widget，或将 widget 的架构基于特定 Apex 类。提示词仅提及主题、领域、功能或实体名称时不要触发。以下情况也不要触发：仅编写 Custom Lightning Type（使用 platform-custom-lightning-type-generate）、仅编写 Apex 类（使用 platform-apex-generate）、在不更改 Lightning Type 的情况下编辑现有 widget，或基于对象/JSON 类型的 Lightning Type（带基元类型的 lightning__objectType）构建 widget。
使用此技能编写完整的 HXL WidgetBundle（UEM body + schema.json + -meta.xml）。触发条件：用户要求为任何主题、领域、功能或实体名词创建 widget、mosaic、fragment、card 或丰富 UI 界面；提示中只提到实体或数据形状，没有涉及 Lightning Types、CLTs 或 Apex-backed types。不触发条件：提示明确提到“Lightning Type”“CLT”“Custom Lightning Type”“Apex-backed type”，或引用“@apexClassType/...”时（使用 platform-lightning-type-widget-coordinate）；为 Custom Lightning Type 编写自定义 LWC 渲染器时（使用 platform-custom-lightning-type-generate）；或只编辑 LWC 组件时
实现、配置和自定义 Streamdown——一款针对流式传输优化的 React Markdown 渲染器，支持语法高亮、Mermaid 图表、数学公式渲染和 CJK。适用于 Streamdown 的设置、配置、插件、样式、安全性或与 AI 流式传输（如 Vercel AI SDK）的集成。适用场景：（1）安装或设置 Streamdown；（2）配置插件（code、mermaid、math、cjk）；（3）设置 Streamdown 输出的样式或主题；（4）集成 AI 聊天/流式传输；（5）配置安全性、链接安全或自定义 HTML 标签；（6）使用插入符、静态模式或自定义组件；（7）排查 Tailwind、Shiki 或 Vite 问题
用户要求创建、生成、绘制或设计图表、流程图、架构图、ER 图、时序图、类图、网络图、模型图、线框图或 UI 草图，或提到 draw.io、drawio、drawoi、.drawio 文件，或将图表导出为 PNG/SVG/PDF 时，始终使用此技能。例外：在支持内嵌显示图表的聊天中（VS Code 或 Cursor 自带的聊天、Claude.ai、ChatGPT），如果可使用 draw.io MCP 服务的 create_diagram 工具，则改用该工具，除非用户要求文件或导出。Claude Code、Codex 和 Copilot CLI（包括其 VS Code 和 JetBrains 扩展）不支持内嵌显示图表：在这些环境中使用此技能。
将 python-pptx 导出结果与源 HTML 幻灯片进行审计，识别布局/内容偏差（页脚溢出、内容裁切、斜体/强调缺失、样式丢失、间距节奏不一致），并按照严格的页脚轨道 + 光标流布局规范重新导出。用户的 .pptx 由 HTML 幻灯片生成，且要求比较、审计、验证或修复导出结果时，始终使用此技能——包括“比较 ppt 与 html”“保真度审计”“修复 pptx”“ppt 被截断”“页脚重叠”“pptx 中斜体缺失”“重新导出演示文稿”“pptx-html-fidelity-audit”等说法，或任何需要验证或修复 python-pptx → HTML 往返转换的情况。用户并排展示 deck.html 和 deck.pptx 并排排查视觉差异时也触发。
基于 TailwindCSS + Radix + shadcn/ui 的 React UI 组件系统。技术栈：TailwindCSS（样式）、Radix UI（基础组件）、shadcn/ui（组件）、React/Next.js。功能：设计系统架构、无障碍组件、响应式布局、主题设置、深色模式和组件组合。操作：审查、设计、构建、改进和重构 UI 组件。关键词：TailwindCSS、Radix UI、shadcn/ui、设计系统、组件库、无障碍、ARIA、响应式、深色模式、主题设置、CSS 变量、组件架构、原子设计、设计令牌、变体、插槽、组合。适用场景：构建组件库、实现 shadcn/ui、创建无障碍 UI、搭建设计系统、添加深色模式或主题设置、审查 UI 组件架构。
通过将复杂的 Blazor UI 功能拆分为聚焦的组件来进行规划。适用于：构建包含多个区块的复杂 Blazor 页面、规划组件拆分、设计多区块的仪表板或布局、将大型 UI 功能分解为可组合的组件、带侧边栏和内容面板的页面、任何包含 3 个以上明显视觉区块或多个相互交互子功能的页面、识别父子关系和数据流。不适用于：从零创建新的 Blazor 项目或应用（使用 create-blazor-project）、实现单个独立组件（使用 author-component）、编写带参数和 EventCallback 的组件代码（使用 author-component），或简单的单组件页面。
一套为设计工作赋予叙事结构、让人产生共鸣的方法。提供四种经典模式——主角弧线、编排、情境／复杂情况／解决方案、现状／可能的未来——每种都包含目标、结构和命名的病理模式。适用于设计工作需要叙事结构、利益相关者需要通过故事了解用户体验、向非设计受众阐述设计理由，或用户旅程、蓝图、简报或演示文稿显得乏味时。触发短语：“what's the story here?”、“tell the story”、“story mode”、“narrative mode”。不会把用户数据粉饰成整齐的故事弧线、编造战略张力、以情绪感染力取代证据、假设冲突弧线普遍适用，或走捷径操纵利益相关者表示赞同。
使用 PICKLES 方法论和 165 分评分体系开发 Lightning Web Components。用户创建或编辑 LWC 组件、构建 wire service 模式，或为 LWC 编写 Jest 测试时使用。触发条件：用户创建/编辑 LWC 组件、修改 lwc/**/*.js、.html、.css、.js-meta.xml 文件，或询问 wire service、SLDS 或 LWC 的 Jest 测试。不要在以下情况触发：Apex 类（改用 generating-apex）、Aura 组件或 Visualforce。
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。