用 web-design-guidelines 给 AI 写出的 UI 做一次规范审计
介绍 Vercel Labs 的 Agent Skill「web-design-guidelines」：按 Web Interface Guidelines 审查 UI 的可访问性、UX 与性能合规性。说明其归属与版本、每次审查前拉取远程规范的机制、100+ 规则覆盖范围、file:line 输出格式，以及用 npx skills add 在 Cursor / Claude Code / Codex 等工具中的安装与触发方式，并列出适用场景与联网依赖等注意事项。
阅读全文用 composition-patterns 让 AI 写出可维护的 React 组合代码
介绍 Vercel 出品的 Agent Skill composition-patterns（vercel-composition-patterns，v1.0.0）：用复合组件、提升状态与显式变体避免布尔 props 扩散，覆盖架构、状态、实现模式与 React 19 API 四类规则。文中说明如何用 npx skills 安装到 Cursor / Claude Code / Codex 等工具，并给出官方示例级的重构与 Context 接口用法。
阅读全文用 react-best-practices 给 AI 编程加上 React 性能守门员
介绍 Vercel 官方 Agent Skill「react-best-practices」（正式名 vercel-react-best-practices）：将 React/Next.js 性能经验整理为按影响排序的规则集，当前 SKILL.md 含 70 条、覆盖 8 类，优先消除请求瀑布与 bundle 浪费。说明来源归属、八大类规则、安装命令（npx skills add … --skill vercel-react-best-practices）、在 Cursor/Claude Code/Codex 等工具中的触发用法，以及适用场景与名称/版本注意事项。
阅读全文用 notion-knowledge-capture 把 AI 对话沉淀成 Notion 知识库
介绍 OpenAI 精选 Agent Skill「notion-knowledge-capture」：依赖 Notion 官方 MCP，按 Wiki / How-To / ADR / FAQ 等模板，把 Cursor、Codex 等对话中的决策与步骤整理成可链接的 Notion 页面。文中核实安装命令、Codex/Cursor/Claude Code 的 MCP 接入方式，以及官方决策捕获与 How-To 示例工作流。
阅读全文用 OpenAI 官方 figma Skill，把 Figma 设计拉进 AI 编程工作流
介绍 OpenAI curated 的 figma Skill：它如何配合 Figma MCP（mcp.figma.com）获取设计上下文、截图、变量与资源，并按固定流程把节点落地为项目代码。文中核实了安装方式（$skill-installer / 目录拷贝）、Codex 的 MCP 配置（FIGMA_OAUTH_TOKEN、RMCP client）、必走工具链（get_design_context → get_metadata → get_screenshot）以及链接驱动的提示词写法，适合在 Codex、Cursor、Claude Code 中做设计到代码协作的开发者。
阅读全文用 transcribe Skill 把会议录音和播客转成可检索文本
介绍 OpenAI 官方 Agent Skill「transcribe」：基于 gpt-4o-mini-transcribe 与 gpt-4o-transcribe-diarize，将音频/视频转为文本，支持说话人分离与已知说话人提示。文章说明在 Codex、Cursor、Claude Code 中的安装目录与启用方式，并给出捆绑 CLI 的快速转写、diarized_json 输出等可复现示例，以及 25MB 限制、长音频 auto 分块、diarize 模型不支持 prompt 等注意事项。
阅读全文用 OpenAI speech Skill 把文本合成可复用语音
介绍 OpenAI 官方 curated 技能 speech：通过 Agent Skills 调用 OpenAI Audio API，用自带 CLI 将文本合成为旁白、产品配音、IVR 与无障碍朗读音频。文章说明安装方式、OPENAI_API_KEY 配置、speak / speak-batch 用法、默认模型与内置音色，以及单次长度、速率与自定义音色等限制。
阅读全文用 openai-docs Skill 给 AI 编程助手挂上官方文档：告别过时 API 与胡编参数
介绍 OpenAI 官方 curated Skill「openai-docs」：通过 Developer Docs MCP（search/fetch/OpenAPI）检索并引用最新文档，覆盖 API 用法、Codex 手册自知识、模型选型与提示词升级。说明与 Docs MCP 的配对安装（Codex/Cursor/Claude Code）、典型提示词用法，以及只读文档、窄范围迁移等注意事项，缓解 AI 编程助手文档过时与参数幻觉问题。
阅读全文用 python-tdd-with-uv：让 AI Agent 按红-绿-重构写 Python
介绍 spencerpauly/awesome-cursor-skills 中的 python-tdd-with-uv：一份教 AI Agent 用 uv 做 Python TDD 的 SKILL.md。文章核实了官方能力（uv 立项与 pytest、垂直切片红-绿-重构、uv run 约定）、在 Cursor/Claude Code/Codex 下的安装目录与启用方式，以及可复现的命令与测试结构示例，并说明适用场景与限制。
阅读全文用 writing-commit-messages Skill 写出规范的 Conventional Commit
介绍 spencerpauly/awesome-cursor-skills 中的 writing-commit-messages：如何用 Agent Skill 约束提交信息遵循 Conventional Commits（类型前缀、scope、正文与 BREAKING CHANGE）。文中核实了 SKILL.md 规则、好坏示例、提交粒度要求，以及 Cursor 手动安装到 .cursor/skills/ 与 npx skills add 安装到 Cursor/Claude Code 的用法，适合需要规范协作与自动生成 Changelog 的团队。
阅读全文用 kubernetes-deploying Skill：让 AI Agent 按规范生成 Kubernetes 部署清单
kubernetes-deploying 来自 spencerpauly/awesome-cursor-skills，是一份面向 Kubernetes 部署的 Agent Skill。它把 Deployment、Service、Ingress、ConfigMap、Secret、健康检查、发布策略与 HPA 等最佳实践写进 SKILL.md，让 Cursor、Claude Code、Codex 等 AI 编程工具按规范生成清单并配合常用 kubectl 命令。本文依据官方资料介绍其能力、安装启用方式、典型用法与使用注意。
阅读全文用 incident-response Skill 把生产事故响应流程交给 AI Agent
介绍 spencerpauly/awesome-cursor-skills 中的 incident-response：将生产事故的 SEV 分级、止血缓解、内外沟通与 48 小时无责复盘写成可安装的 SKILL.md。文中核实了官方工作流、复盘模板，以及用 npx skills 或复制到 .cursor/skills/ 在 Cursor、Claude Code、Codex CLI 中启用的方式，适合 SRE/DevOps 值班场景。
阅读全文用 codebase-onboarding 并行摸清陌生代码库并生成入职文档
介绍 spencerpauly/awesome-cursor-skills 中的 codebase-onboarding：通过并行启动 5 个只读 explore 子 Agent，分别调研架构、数据模型、API、认证与部署，再合成 ONBOARDING.md。文中依据官方 SKILL.md 与 Cursor Skills 文档，说明安装目录、npx skills 安装、/codebase-onboarding 调用方式，以及适用场景与复核注意点。
阅读全文用 Codex 的 imagegen Skill 在编码流程里生成位图素材
介绍 OpenAI Codex 系统级 Skill imagegen：用内置 image_gen 或显式 CLI 在编码对话中生成/编辑照片、插画、Mockup、精灵图等位图。说明自动安装位置、两种模式、提示词模板、保存路径约定、适用边界与官方 CLI 示例，便于把视觉素材直接落入项目仓库。
阅读全文plugin-creator：用官方 Skill 一键脚手架 Codex Plugin
介绍 OpenAI 官方系统 Skill plugin-creator：如何为 Codex/ChatGPT 脚手架 Plugin 目录，生成必填的 .codex-plugin/plugin.json，按需创建 skills、hooks、MCP、apps 等占位，并写入本地或仓库级 marketplace.json。文中给出对话调用（$plugin-creator / @plugin-creator）、create_basic_plugin.py 命令参数、清单与 marketplace 字段约定，以及适用场景和常见坑。
阅读全文skill-installer：给 Codex 装 Skill 的「包管理器」
skill-installer 是 OpenAI 随 Codex 预装的系统 Skill，用于从官方精选/实验目录或任意 GitHub 仓库路径，把 Skill 安装到 $CODEX_HOME/skills（默认 ~/.codex/skills）。本文依据官方 SKILL.md 与 Codex 文档，说明如何用 $skill-installer 列出与安装 Skill、脚本参数、私有仓库与下载回退策略，以及本地试验与 plugins 分发的边界。
阅读全文用 chatgpt-apps Skill 搭建 ChatGPT Apps：MCP 服务器 + Widget UI
介绍 OpenAI 官方精选 Skill chatgpt-apps：如何按 docs-first 工作流脚手架、改造和排错 ChatGPT Apps SDK 应用（MCP 服务器 + Widget UI）。文中核实了 Skill 能力、应用原型分类、上游示例优先级、MCP Apps bridge 与 window.openai 的用法边界，以及在 Codex 与 Cursor 中的安装启用方式，并给出与 openai-docs 成对使用的提示词示例与 Developer Mode 本地联调步骤。
阅读全文用 define-goal：先把目标写清楚，再让 Agent 动手
介绍 OpenAI curated Skill define-goal：在编码前把模糊意图收成具体、可衡量、可验证的目标，并按质量标准再调用 get_goal/create_goal。文章依据官方 SKILL.md 说明工作流、好坏目标对照、Codex 安装（$skill-installer）以及在 Cursor/Claude Code 等工具中通过 SKILL.md 目录启用的方式，并提醒其只做目标定义、不管理长周期执行产物。
阅读全文用 notion-research-documentation 把 Notion 调研变成带引用的结构化文档
介绍 OpenAI curated 技能 notion-research-documentation：在已连接 Notion MCP 的前提下，跨 Notion 页面检索、综合证据，并按简报/摘要/对比/完整报告等模板写回带引用的文档。文章依据官方 SKILL.md 说明安装启用（Codex 的 $skill-installer、Cursor 的 skills 目录）、五步工作流、竞品对比等官方示例，以及权限、时效与仓库 deprecation 等注意事项。
阅读全文用 notion-spec-to-implementation 把 Notion PRD 拆成可执行计划
介绍 OpenAI curated 技能 notion-spec-to-implementation：在 Notion MCP 支持下，将 PRD/功能规格解析为实现计划、1–2 天粒度任务与进度回写，打通 Spec↔Plan↔Tasks。文中核实了安装方式（Codex $skill-installer 及 Cursor/Claude Code 的 Skills 目录）、MCP 配置（mcp.notion.com）、工作流与官方 API 示例，并说明适用场景与常见注意点。
阅读全文用 screenshot Skill 给 Agent 装上「眼睛」：桌面截图与视觉 QA
介绍 OpenAI curated 的 screenshot Agent Skill：在 macOS/Linux/Windows 上捕获全屏、窗口或像素区域截图，供 Agent 做视觉分析与 UI 验证。文章说明其工具优先级（优先 Figma/Playwright，系统级截图作补充）、保存路径规则、官方安装方式（Codex 的 $skill-installer 与 Cursor/Claude Code 目录放置）、跨平台脚本用法，以及权限、依赖与多显示器等注意事项，帮助把设计稿、浏览器页面与桌面应用串成完整前端视觉 QA 链路。
阅读全文playwright-interactive：用持久化 js_repl 做 UI 迭代调试
介绍 OpenAI 精选技能 playwright-interactive：通过 js_repl 持久化 Playwright/Electron 句柄，在本地 Web 与 Electron 应用上做快速迭代 UI 调试，并按官方流程完成 QA 清单、功能验证、视觉 QA 与视口适配。文中说明安装、前置配置、典型代码片段，以及 js_repl 在当前 Codex 中可能已移除等注意事项，并与 CLI 向的 playwright Skill 对照。
阅读全文figma-create-design-system-rules：给 Agent 写一套项目专属设计系统规则
介绍 openai/skills 策展目录中的 figma-create-design-system-rules：在已连接 Figma MCP 的前提下，分析代码库并生成项目级设计系统规则，约束组件路径、Design Token、样式方案与 Figma-to-code 流程，分别写入 CLAUDE.md、AGENTS.md 或 .cursor/rules/figma-design-system.mdc，缓解 AI 落地 UI 时乱用间距、硬编码颜色、重复造组件等问题。文中核实安装方式、五步工作流与注意事项。
阅读全文用 figma-generate-design 把页面从代码反向生成到 Figma
介绍 OpenAI curated 与 Figma MCP 生态中的 figma-generate-design Skill：在已连接 Figma MCP、目标文件具备设计系统的前提下，把应用页面或多区块布局按组件实例与 Token 写入 Figma，并强制配合 figma-use。文中核实了插件安装（Cursor / Claude Code / Codex）、npx skills 安装方式、按区块组装与 generate_figma_design 并行校准等官方流程，以及与 figma-implement-design、Code Connect 等相邻 Skill 的边界。
阅读全文用 security-ownership-map 从 Git 历史画出安全责任拓扑
security-ownership-map 是 OpenAI curated Agent Skill，基于 Git 历史构建人–文件二部图与共变聚类，计算敏感代码 Bus Factor，输出 CSV/JSON（可选 Neo4j/Gephi）。本文介绍其定位、安装启用、run_ownership_map/query_ownership 用法、敏感规则与适用边界，适合企业安全团队做所有权漂移与孤儿敏感代码盘点。
阅读全文