Skills
收录 100,928 个为 Agent 打包的专项能力与操作指引,复制一行命令即可安装。
全部
完整的 React 19 基础知识系统。以下情况请主动激活:(1) React 19 新特性与变更;(2) Server Components 与 Client Components;(3) Server Actions 配置;(4) use() hook 用法;(5) JSX 与组件基础;(6) Props 与 state 模式;(7) Suspense 与 Error Boundaries;(8) Fragments 与 Portals。提供:React 19 语法、Server Component 模式、异步数据处理、组件组合、最佳实践。确保以恰当的 server/client 架构应用现代 React 19 模式。
完整的 React 性能优化系统。以下情况请主动激活:(1) React.memo 与记忆化;(2) useMemo 与 useCallback 用法;(3) 使用 React.lazy 做代码分割;(4) 列表虚拟化(react-window、react-virtuoso);(5) 避免不必要的重渲染;(6) useTransition 与 useDeferredValue;(7) 打包体积优化;(8) Web Vitals 与性能分析。提供:Profiler 配置、记忆化模式、懒加载、虚拟化配置、状态就近放置。确保以可衡量的改进实现最佳 React 性能。
完整的 React 状态管理系统。以下情况请主动激活:(1) Context API 模式与优化;(2) Zustand store 配置与使用;(3) Jotai 原子化状态;(4) 用 TanStack Query(React Query)管理服务端状态;(5) SWR 数据获取;(6) useState 与 useReducer 的取舍;(7) 状态规范化;(8) 避免 prop drilling。提供:store 配置、context 优化、服务端状态缓存、乐观更新、无限查询。确保以恰当的工具选型实现可扩展的状态架构。
完整的 React 测试系统。以下情况主动激活:(1) Vitest/Jest 搭建与配置,(2) React Testing Library 模式,(3) 使用 userEvent 的组件测试,(4) 使用 renderHook 的自定义 hook 测试,(5) 模拟模块与组件,(6) 异步组件测试,(7) Context 与 provider 测试,(8) 使用 jest-axe 的无障碍测试。提供:测试搭建、查询优先级、用户模拟、mock 模式、集成测试。确保聚焦用户行为的可靠测试。
纠正模型在设计关系型 schema 时的错误默认做法——资深工程师在 DDL 决策上会做出不同选择。适用于创建或审查表、迁移、ER 模型或 ORM schema 定义时。涵盖标识与键(代理键与自然键、identity 与 serial、uuidv7、使跨租户引用无法成立的复合键)、关系(数据库无法强制的外键多态、引用动作、未建索引的 FK 列、不相交子类型)、可由引擎而非应用代码证明的不变量(EXCLUDE、部分唯一索引、CHECK 限制、可延迟循环、NOT VALID)、类型(timestamptz、精确金额、范围类型、enum 与查找表)、派生与编码数据(生成列、作为应急出口的 JSONB)以及时间(事件与原地更新、会静默禁用约束的软删除标记、时态键)。不适用于查询调优、读路径的索引选择或连接池。
使用运行在 JSDOM 上的 axe-core(Deque)扫描生成/编写的 HTML 的无障碍违规问题 — 结构与语义规则:ARIA 属性和角色、可访问名称、alt 文本、表单标签、标题层级、地标、语义化 HTML、tabindex、重复 ID、lang 属性等约 50 项。用于 Figma 转代码工作流的代码侧:触发词为 “scan this HTML for accessibility”“run axe on my component”“check the generated code for a11y”“axe-core scan”“accessibility lint my markup”“WCAG check on code”“is this HTML accessible”。这是独立的 Node 脚本 — 无需连接 Figma。视觉规则(color-contrast、focus-visible、link-in-text-block、target-size)已禁用,因为 JSDOM 没有布局 — 设计侧的视觉无障碍请使用 lint-design-figma。两者结合可实现设计 + 代码的完整覆盖。
将创意想法转化为专业、可直接投入制作的剧本,并针对 AI 视频生成流水线进行优化。把原始概念转换为结构化的逐场景叙事,包含丰富的视觉描述、规范的剧本格式,以及带 XML 标签的输出,以便与图像/视频生成工具(imagine、arch-v)无缝集成。适用场景:将故事创意转换为剧本格式、为 AI 视频流水线准备内容、为 5-10 分钟短片构建叙事结构、为图像生成撰写视觉丰富的场景描述。工作流:原始创意 → 场景拆解 → 视觉增强 → 专业格式化 → 带 XML 标签的 markdown 输出。输出:包含 XML 包裹场景、丰富视觉描述、规范剧本要素(场景标题、动作、对白)以及用于流水线处理的元数据的 Markdown 文档。
保护 GitHub Actions 工作流免受供应链、特权和 shell 注入风险。在创建、搭建、编辑或审查 `.github/workflows/*.yml`、可复用工作流、`action.yml` 或 GitHub Actions 的 Dependabot 配置时使用。也用于完整的仓库安全审计("audit my workflows"、"harden this repo"、"security scan"、"pin actions to SHA")、使用 gitleaks 和 trufflehog 进行机密扫描,以及发布前安全审查。强制执行完整的 40 字符提交 SHA 固定、避免在不可信代码上使用 `pull_request_target`、通过 `env:` 将 GitHub 上下文传入 `run:` 步骤,并设置最小权限。
通过 Firecrawl MCP 进行临时网页抓取、站点地图生成和全站爬取。返回原始 HTML、解析后的元数据(og:*、twitter:*、JSON-LD、canonical、robots)、JS 渲染后的 DOM,以及 WebFetch 无法提供的截图。区别于 SE Ranking 系列技能(提供关键词/流量/SERP 数据)和 WebFetch(仅提供 markdown 文本)。当用户说“抓取这个页面”“爬取这个站点”“为这个站点生成地图”“找出……上的所有页面”“获取 OG 标签”“获取 JSON-LD”“渲染这个 JS 密集型页面”,或任何以原始 HTML head 元数据、结构化数据脚本或 JS 执行后的 DOM 为实际交付物的任务时使用。也可作为其他需要原始 HTML 的技能的子步骤被调用。
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。
