Skills
收录 97,222 个为 Agent 打包的专项能力与操作指引，复制一行命令即可安装。
设计与 UI
将内容密集的 PDF（或其中一章/一节）转换为单文件交互式 HTML 网页，让内容比原文更易理解、更有趣。首屏提供 30 秒摘要，包含可亲自操作的场景、“先猜后揭晓”互动，每个数字都附有可打开原句和页码的引用；以选定的艺术风格呈现，并根据原文进行自查。凡是希望让 PDF、论文、教材章节、年度报告 / 10-K、规则手册、手册、合同、小说章节或讲义更易阅读、“活起来”、可交互、可探索、采用滚动叙事，或制作成迷你网页应用、互动课程或课件时，均可使用；即使用户只说“这份 PDF 难以阅读”“帮我读完它”，或提到类似 Gemini Canvas / Claude Artifacts 的“PDF 转网页应用”也适用。中文触发：把 PDF 做成网页、可交互网页、互动课件、可视化讲解、读不下去的 PDF、论文/教材/财报/规则书/名著变成能玩的页面、Canvas 那种 PDF 变网页。
针对 React/Next.js 代码的功能级 UX 审计。发现 Lighthouse、axe、ESLint 和 Storybook 会遗漏的问题——状态覆盖缺口（缺少加载/空/错误状态）、验证时表单数据丢失、焦点管理失效、没有回滚机制的乐观 UI、骨架屏导致的布局偏移、含糊的微文案，以及其他 25 种以上现代前端 UX 问题。支持感知差异（仅审计已更改的文件），并按界面区域给出三级发布就绪度结论（阻止发布 / 本迭代修复 / 待办），附带使用现代 React 19 API（useActionState、useFormStatus、useOptimistic、useTransition、Suspense）的具体修复方案。在合并前端 PR、发布功能之前，或用户询问“这个结账/入门引导/仪表盘准备好了吗？”“检查这个 PR 的 UX 问题”“审计这个组件”“生产环境会出现什么问题？”“可以发布了吗？”时使用。
当用户希望设计、重新设计、塑造、评审、审计、润色、澄清、提炼、强化、优化、调整、制作动画、上色、提取或以其他方式改进前端界面时使用。涵盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程和空状态。处理 UX 评审、视觉层级、信息架构、认知负荷、无障碍、性能、响应式行为、主题、反模式、排版、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也适用于需要变得更大胆或更有趣的平淡设计、应该收敛的张扬设计、在实时浏览器中迭代 UI 元素，或希望在技术上令人惊叹的视觉效果。不适用于纯后端或非 UI 任务。
应用经典复活节季节性覆盖效果：注入柔和色调的 Theme/StyleBox、添加彩纸/闪光 VFX、弹性动画反馈、mesh surface_override 绘制、替换光标/音频，并设置带玩家退出选项的日期窗口激活门控。发布节日皮肤、四月活动或寻蛋趣味效果，且不修改共享 .mesh/.tres 资源时使用。关键词：pastel、seasonal Theme、StyleBox、confetti、Easter egg、surface_override、TRANS_ELASTIC、Disable Seasonal Themes、activation gate。
使用 @qfei-design/make-app-sort 集成、生成、重构、审查或调试 Make App 记录列表排序。涉及排序、高级排序、多字段排序、排序优先级、升序/降序、拖拽排序条件、表格/表头/列头排序、openWithField、可排序能力、Entity Preset 排序的保存/加载/回显、记录排序载荷或排序测试时触发。涵盖统一工具栏、CanvasTable 表头、Entity Preset 和 Service 排序流程。当存在 make-app-actions 时，成功应用排序后必须清除其选择并使待处理操作失效；草稿编辑和失败则保留选择。不负责页面外壳/布局、CanvasTable 渲染内部实现、Service 路由实现、权限策略、身份验证、运行时打包、DSL 建模、Make CLI 执行、npm 包内部实现或分组
Tailwind CSS 性能优化，包括 v4 改进。主动用于：(1) Tailwind v4 Oxide 引擎性能；(2) Lightning CSS 压缩；(3) 减小 CSS 包体积；(4) 调整 content 配置以避免扫描未使用的文件；(5) 为动态类设置 safelist（避免体积膨胀）；(6) 在生产构建中尽量减少 @apply；(7) 提取关键 CSS；(8) 对生成的 CSS 使用 HTTP 缓存；(9) 避免过度使用 @apply（优先采用 utility-first）；(10) 处理 PurgeCSS / 内容检测的边缘情况。提供性能调优清单、Oxide 引擎说明、content 配置模式、safelist 指南和关键 CSS 工作流
为创意方向驱动的工作生成分阶段交付编排计划：各项技能何时运行、在哪个关卡锁定哪些内容、如何交接，以及如何借助 MCP 和命令行中的 AI Agent，在团队工具（Jira、Linear、Notion、Figma、GitHub）中落实工作节奏。提供各阶段、锁定点、交接规范、关卡定义和 QA 验证关卡的时间规划图。不同于 `creative-brief`（静态项目简报）和 `creative-direction`（美学方向）。触发场景包括：集成编排、交付节奏、项目编排、简报何时锁定、如何分阶段推进创意方向、设计开发交接、QA 关卡、Agent 驱动的 QA，以及创意方向项目启动、进行中节奏失调，或将 AI Agent 集成到项目管理工作流。项目范围界定请使用 `creative-brief`；美学方向请使用 `creative-direction`；没有创意方向主线的一般项目管理不适用。
生成设计计划（类似 exec-plan 的持续更新文档），使用 Apple Design DNA 模式将应用领域映射为功能组。每个功能组都可在一次 ios-taste 会话中构建为一个里程碑。适用于用户描述应用创意、领域或工作流，并在构建前需要结构化计划的情况。触发语包括“为这个应用做计划”、“X 需要哪些功能”、“设计计划”、“功能拆解”、“需要哪些屏幕”以及任何构建前规划问题。用户提供工作流笔记或用户访谈结果时也应触发。重要：此技能仅生成 DESIGN-PLAN 文档，不会生成 SwiftUI 代码、布局或视觉设计。
根据简短的 JSON 规范，以 45 种类型（架构图、流程图、时序图、状态图、ER 图、数据库模式、UML 类图、泳道图、时间线、甘特图、用户旅程图、树形图、组织架构图、嵌套图、维恩图、四象限图、鱼骨图、Wardley 图、柱状图、折线图、散点图、桑基图、矩形树图、热力图、3D 等距对象、平面图与爆炸视图）创建可动画、可探索的编辑级图表，并输出为独立 HTML。当用户要求绘制、图解、制表或可视化系统、代码库、流程、过程、API 调用序列、层级结构、数据或实体对象（如椅子）；将 Mermaid、Graphviz/DOT、PlantUML、D2、draw.io、Excalidraw、SQL 或 CSV 转换为整洁图表；或将图表导出为 PNG、JPEG、SVG、GIF 或 MP4 时使用。也适用于日常计划：旅行、搬家、求职、审批、预算、资金去向。
用户消息中以任何形式包含“tailwind”时，始终调用。也适用于：构建响应式网格布局（多列卡片网格、产品网格）、Flex／Grid 页面结构（带侧边栏的仪表盘、固定顶部栏、可在移动端切换的导航）、为 UI 组件设置样式（卡片、表格、导航栏、定价区块、表单、输入框、徽章）、添加深色模式变体、修复间距或排版，以及 Tailwind v3/v4 相关工作。核心用途是在 HTML 模板（Blade、JSX、Vue）中编写或修复 Tailwind 工具类。后端 PHP 逻辑、数据库查询、API 路由、不含 HTML/CSS 组件的 JavaScript、CSS 文件审查、构建工具配置和原生 CSS 任务不适用。
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。