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 示例，便於把視覺素材直接落入項目倉庫。
閱讀全文