accessibility-auditing:用 Cursor 浏览器 ARIA 树做无障碍审计

介绍 spencerpauly/awesome-cursor-skills 中的 accessibility-auditing:依托 Cursor 内置浏览器的 browser_navigate、browser_snapshot 与 browser_press,对页面 ARIA 树做缺失标签、语义 HTML、键盘顺序、ARIA 误用与对比度检查,输出 Critical/Warnings/Passed 报告并直接改源码。文中说明安装到 .cursor/skills 或用 npx skills add 的方式,以及适用场景与合规复核注意点。

阅读全文
用 visual-qa-testing 在 Cursor 里做视觉 QA:截图、控制台与网络请求一次过

visual-qa-testing 是社区仓库 awesome-cursor-skills 中的 Agent Skill,指导 Cursor Agent 借助内置浏览器(cursor-ide-browser)在改完 UI 后做视觉 QA:确认开发服务、打开页面截图、检查控制台错误与网络请求,并可对按钮表单做交互后再验。本文依据 SKILL.md 与 Cursor 官方 Skills/Browser 文档,说明其定位、安装目录与 npx skills 安装方式、典型调用步骤,以及依赖内置浏览器、非测试框架替代品等注意事项。

阅读全文
用 grinding-until-pass:让 Agent 自己修到测试全绿

介绍 spencerpauly/awesome-cursor-skills 中的 grinding-until-pass:通过 fix→run→check 循环,让 Agent 自主修到测试、构建或 lint 通过。文中核实官方 SKILL.md 的步骤与十条以内迭代、一次修一事、禁止删测与压制错误等规则,并说明用 npx skills 或拷贝到 .cursor/skills 的安装方式,以及目标命令示例与 Cursor Hooks 进阶用法。适合大重构、依赖升级、合分支后清红灯的场景;慢测试与需改设计时需人工介入。

阅读全文
用 best-of-n-solving:隔离 Worktree 并行试多种方案,再择优合并

介绍 spencerpauly/awesome-cursor-skills 中的 best-of-n-solving:面对复杂重构、棘手 bug 或架构选型时,先定 2~3 条策略,再用 Cursor 的 best-of-n-runner 在隔离 git worktree 中并行尝试,按测试、实现质量、性能与可维护性择优合并。文中核实官方 SKILL.md 的四步流程、npx skills / 手动安装到 .cursor/skills 的方式,以及适用场景与「简单问题不必上 Best-of-N」等注意事项。

阅读全文
用 expo-native-ui 让 AI 写出更像原生 App 的 Expo 界面

介绍 Expo 官方 Agent Skill expo-native-ui(v1.1.1):它教 AI 按 Apple HIG、语义色、原生控件、Reanimated 与 Expo Go 优先等约定,搭建观感接近系统的 Expo 屏幕。文中核实了 Cursor / Claude Code / Codex 的安装方式、Color API 与动画示例,并说明导航应配合 expo-router、与 expo-ui 的分工差异。

阅读全文
remotion-best-practices:让 AI 按规范写出 Remotion 程序化视频

介绍 Remotion 官方 Agent Skill remotion-best-practices:它作为总入口,把创建项目、Markup、地图、字幕、Studio、渲染、升级等子技能路由给 Cursor、Claude Code、Codex 等代理。文章基于官方 SKILL.md 与文档,说明安装命令、帧驱动动画规范(useCurrentFrame + interpolate)、媒体与资源约定,以及预览/抽帧用法,帮助用 AI 写程序化视频时少踩渲染坑。

阅读全文
用 supabase-postgres-best-practices 给 AI 编程助手补上 Postgres 功课

介绍 Supabase 维护的 Agent Skill「supabase-postgres-best-practices」:面向 Cursor、Claude Code 等工具,按查询性能、连接管理、RLS、schema 等八类优先级规则,约束 AI 写 SQL、改表与排查性能。文中核实官方安装命令、规则结构与典型正误示例,并说明其与 Supabase MCP 的配合方式。

阅读全文
agents-sdk Skill:在 Cloudflare 上构建有状态 AI Agent

介绍 Cloudflare 官方 agents-sdk Skill:引导 AI 助手优先检索 Agents 文档,在 Workers / Durable Objects 上正确编写有状态 Agent,覆盖 setState、@callable RPC、调度、Workflows、MCP 与 React hooks。文中给出安装方式、agents 依赖核对、wrangler 配置与 Counter 示例,并标明装饰器、migration 与实验特性等注意事项。

阅读全文
用 web-perf Skill 做前端性能审计:把 Core Web Vitals 塞进 Agent 工作流

介绍 Cloudflare 官方 Agent Skill「web-perf」:借助 Chrome DevTools MCP 审计 Core Web Vitals(LCP、INP、CLS)及 FCP、TBT、Speed Index,排查渲染阻塞、网络依赖链、布局偏移与缓存问题。文章说明其定位、五阶段工作流、在 Cursor / Claude Code / Codex 等工具中的安装方式、MCP 必配项,以及典型提示词与输出格式,并提醒以现行文档核验阈值、无 MCP 时勿硬编结论。

阅读全文
Wrangler Skill:让 AI 助手正确部署 Cloudflare Workers

介绍 Cloudflare 官方 Agent Skill「wrangler」:它指导 AI 编程助手在部署与管理 Workers、KV、R2、D1 等资源前优先检索官方文档与配置 schema,避免过时命令与错误绑定。文章覆盖 Skill 定位、核心能力、在 Cursor/Claude Code/Codex 等工具中的安装启用、典型 wrangler.jsonc 与常用命令示例,以及密钥安全与本地 remote binding 等注意事项。

阅读全文
用 deploy-to-vercel 把 AI 写好的项目一键预览上线

介绍 Vercel Labs 官方 Agent Skill「deploy-to-vercel」:如何在 Cursor / Claude Code / Codex 等工具中安装,如何按 git remote、.vercel 关联与 CLI 登录状态自动选择 git push、vercel deploy 或无鉴权沙箱脚本,默认产出 Preview URL,并尽量把项目推进到可长期自动部署的 link 状态。文中命令与分支逻辑均对照官方 SKILL.md(v3.0.0)与 skills.sh 安装说明核实。

阅读全文
用 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 示例,便于把视觉素材直接落入项目仓库。

阅读全文