用 react-native-best-practices 給 AI 助手裝上 RN 性能優化手冊
Callstack 把 RN 性能電子書拆成 Agent Skill react-native-best-practices，覆蓋 FPS、TTI、包體積、內存與原生模塊。本文按官方 SKILL.md 與倉庫 README 覈實：29 份參考如何分診、skills CLI 怎麼裝，以及列表虛擬化、React DevTools 測量和 Android R8 的用法。核心是先測後改。
閱讀全文vercel-cli-with-tokens：用 Token 認證驅動 Vercel CLI，不必再走 vercel login
vercel-cli-with-tokens 是 Vercel 官方 agent-skills 集合中的一項 Skill，教 Agent 用 VERCEL_TOKEN 而非 vercel login 調用 Vercel CLI。它按環境變量和 .env 發現令牌，成對使用 VERCEL_ORG_ID 與 VERCEL_PROJECT_ID，默認預覽部署，並覆蓋環境變量、構建日誌和域名。適合 CI 與無交互的自動化場景，與 deploy-to-vercel 互補。禁止把 Token 寫進 --token 參數。
閱讀全文vercel-react-view-transitions：按官方工作流給 React 加上原生過渡動畫
vercel-react-view-transitions 是 Vercel Labs 官方 Agent Skill，教 Cursor、Claude Code、Codex 用 React 的 ViewTransition 與 addTransitionType 做原生頁面過渡。可用 npx skills add 安裝。覆蓋共享元素、Suspense 揭示、列表重排和路由方向動畫，並附 Next.js App Router 說明。ViewTransition 目前在 React Canary 通道；App Router 已內置，不必再裝 react@canary。不支持的瀏覽器只是沒有動畫。
閱讀全文用 writing-guidelines 給文檔做一次 Vercel 寫作規範審計
介紹 Vercel Labs 的 Agent Skill「writing-guidelines」：按 Vercel Writing Guidelines 審查文檔與 prose 的語氣、結構、可讀性與排版。說明其歸屬與版本、每次審查前拉取遠程 command.md 的機制、80+ 規則覆蓋範圍、file:line 輸出格式，以及用 npx skills add 在 Cursor / Claude Code / Codex 等工具中的安裝與觸發方式，並列出聯網依賴、Vercel 站點專屬約定等注意事項。
閱讀全文vercel-optimize：先看生產指標，再給 Vercel 項目做成本和性能優化
vercel-optimize 是 vercel-labs/agent-skills 裏的官方 Agent Skill（SKILL.md 1.2.0），給已部署項目做成本與性能審計：先收集近 14 天指標，再用確定性腳本圈定路由，最後才改代碼。Next.js/SvelteKit 最完整，Nuxt 可用，Astro 有限。安裝：npx skills add vercel-labs/agent-skills --skill vercel-optimize。需 Node.js 20+、Vercel CLI v53+ 且已 login/link；路由級排序還要 Observability Plus。
閱讀全文Zero Skill：當 Agent 說「做不了」時，自動發現並按次調用外部付費工具
Zero 是面向 AI Agent 的搜索引擎和支付層。官方 Skill 會在模型即將說「做不到」、或讓用戶自己去註冊 API 時介入，用 zero search / get / fetch / review 發現並按次調用外部能力（x402 / MPP），同一套錢包登錄，不必爲每個服務單獨申請 Key。本文根據官方倉庫、SKILL.md、zero.xyz 與 npm 包 @zeroxyz/cli（1.30.0）覈對了安裝方式（Claude Code、Codex、Gemini CLI、Cursor）和花費控制要點。
閱讀全文用 variant-analysis 做變體分析：找到一個 Bug，再把同類搜乾淨
Trail of Bits 的 variant-analysis 把安全工程師日常的變體分析寫成 Agent Skill：在已經確認一處漏洞後，抽出根因、用精確模式校準，再一次只放寬一個條件搜整倉，最後分診並留下 CI 規則。本文按官方 SKILL.md、插件 README 和策略文檔，說明五步流程、ripgrep/Semgrep/CodeQL 的選用，以及 Claude Code、Codex、Cursor 的安裝與調用方式。
閱讀全文semgrep-rule-creator：用 Agent 寫出可測試的 Semgrep 安全規則
semgrep-rule-creator 是 Trail of Bits 推出的 Agent Skill，用來創建可檢測安全漏洞、Bug 模式與代碼模式的自定義 Semgrep 規則。它不跑現成規則集，而是強制 Agent 按測試先行、AST 分析、污點模式優先、全部測通後再優化的流程產出規則。本文依據官方 SKILL.md、插件 README 與技能市場說明，整理安裝方式、七步工作流、eval 污點示例以及使用邊界。
閱讀全文property-based-testing：Trail of Bits 把屬性測試寫成可複用的 Agent Skill
Trail of Bits 的 property-based-testing 是一份跨語言、含智能合約的屬性測試指導 Skill。它教 Agent 識別編解碼、解析、歸一化和合約不變量，按往返、冪等等性質寫測試，並在失敗時區分測試錯誤與真 bug。文章依據官方 SKILL.md、插件 README 與市場倉庫，說明 Claude Code / Codex 安裝、npx skills add，以及 Hypothesis 等可復現示例。
閱讀全文differential-review：Trail of Bits 把 PR 安全差異審查寫成可執行流程
differential-review 是 Trail of Bits 發佈的 Agent Skill，對 PR、commit 和 diff 做安全導向審查：按風險而非行數分流，用 git 歷史抓回歸，定量計算爆炸半徑，把缺測試寫成更高風險，並強制輸出帶行號與攻擊場景的 Markdown 報告。本文覈對官方 SKILL.md、插件 README 與文檔站，說明它解決什麼問題、如何在 Claude Code / Codex / 通用 Skill 目錄裏安裝，以及三類官方用法和不適用場景。
閱讀全文用 firecrawl-build-search：從查詢出發，把網頁發現寫進產品代碼
firecrawl-build-search 是 Firecrawl 官方 Agent Skill，專門把 /search 接到產品代碼：功能從查詢開始而不是從 URL 開始，先發現、排序和挑源，再決定是否水合正文或交給 /scrape。本文根據 GitHub SKILL.md、倉庫 README、officialskills.sh 與 docs.firecrawl.dev 交叉覈實安裝命令、鑑權字段、一步/兩步調用差異，以及論文索引、開發者索引等容易用錯的升級路徑。
閱讀全文用 firecrawl-build：把網頁搜索、抓取和瀏覽器交互寫進應用代碼
firecrawl-build 是 Firecrawl 官方的應用集成入口 Skill，位於 firecrawl/skills 倉庫。它面向產品、Agent 或工作流在代碼裏獲取網頁數據的場景，先問清要拿什麼、怎麼拿，再把需求路由到 /scrape、/search 或 /interact，而不是把「當前會話幫我搜一頁」和「把 Firecrawl 寫進後端」混在一起。本文按 SKILL.md、倉庫 README 與官方文檔覈對安裝命令、環境變量、SDK、子技能分工、冒煙測試以及和 CLI / Workflow 技能的邊界。
閱讀全文sandbox-sdk Skill：讓 AI 用 Cloudflare 沙箱安全執行不可信代碼
介紹 Cloudflare 的 sandbox-sdk Agent Skill：它如何指導 Cursor / Claude Code / Codex 使用 Sandbox SDK，在 Workers 隔離容器裏執行不可信代碼。文章覈實了 2026 年 8 月拆成 sandbox-stable、sandbox-next、sandbox-migrate-to-next 的現狀，並給出官方安裝方式、最小 Worker 示例與生命週期、傳輸和鏡像對齊等限制。
閱讀全文workers-best-practices Skill：按生產約定審查和編寫 Cloudflare Workers
Cloudflare 官方 workers-best-practices Skill 用於按生產約定審查和編寫 Workers 代碼：先拉取現行文檔與類型，再檢查 wrangler.jsonc、流式響應、floating promise、全局狀態、密鑰與可觀測性。本文根據 GitHub 原文和官方最佳實踐頁覈實安裝方式、規則清單與反模式，並說明 Durable Objects、Workflows 與 wrangler CLI 需換用同倉其它 Skill。
閱讀全文durable-objects Skill：按官方約定寫聊天室、協作和有狀態 RPC
Cloudflare 官方 durable-objects Skill 用於創建與審查 Durable Objects：按聊天室/對局/租戶分片，用 getByName 路由，以 SQLite、RPC、鬧鐘和 WebSocket 承載有狀態邊緣邏輯，並用 Vitest 測試。本文按 GitHub 原文與官方文檔覈實安裝、配置和反模式，並說明 Skill 示例仍用 migrations，而現行入門文檔已推薦 exports 聲明 SQLite 類。
閱讀全文cloudflare Skill：給 AI 一份可漸進加載的 Cloudflare 全平臺手冊
Cloudflare 官方 cloudflare Skill 是面向 Agent 的全平臺入口：用決策樹在 Workers、Pages、KV/D1/R2、Workers AI、網絡與安全、Terraform/Pulumi 之間選對原語，再按需加載 63 個產品參考目錄。本文根據 GitHub 原文與官方文檔交叉覈實安裝方式、綁定寫法與典型用法，並說明參考文件會過期——例如示例模型 @cf/meta/llama-3.1-8b-instruct 已於 2026-05-30 棄用，引用限額和模型名仍以 Cloudflare 文檔爲準。
閱讀全文用 Composio Skill 給 Agent 接上 1000+ 外部應用
Composio 官方 Skill 教 AI 編程助手通過統一 CLI 與 SDK 連接 Gmail、Slack、GitHub、Notion 等 1000+ 外部應用。本文根據 SKILL.md、倉庫 README 與 docs.composio.dev 覈實安裝命令、search→link→execute 流程、按用戶隔離的 session，以及 OAuth 與 Triggers 的使用邊界。
閱讀全文voltagent-best-practices：把 VoltAgent 架構約定寫進 Agent Skill
voltagent-best-practices 是 VoltAgent 官方維護的架構速查 Skill，覆蓋 Agent 與 Workflow 的取捨、src 目錄約定、內存默認值、Hono/Elysia/serverless 服務器以及 VoltOps 觀測接入。本文依據官方 SKILL.md、VoltAgent 文檔與 VoltAgent/skills 倉庫交叉覈實安裝啓用方式、代碼片段與注意事項，並說明它和 create-voltagent 腳手架 Skill 的分工。
閱讀全文create-voltagent：用官方 Skill 按 VoltAgent 規範初始化 AI Agent 項目
create-voltagent 是 VoltAgent 官方維護的 Agent Skill，指導用 create-voltagent-app CLI 或完整手動步驟創建 TypeScript AI Agent 項目。本文依據官方 SKILL.md、Quick Start 與 VoltAgent/skills 倉庫交叉覈實：安裝啓用方式、Hono/Elysia 與六家模型提供商、目錄與環境變量約定、天氣 Tool 與報銷審批 Workflow 示例，以及它和通用「搭項目」Skill 的差別。
閱讀全文用官方 template-skill 寫出你的第一個 Agent Skill
template-skill 是 Anthropic 官方倉庫 anthropics/skills 裏的 Skill 起始骨架，目錄中只有一份帶 name、description 佔位的 SKILL.md。Agent Skills 已於 2025 年 12 月成爲開放標準，同一文件可在 Cursor、Claude Code、Codex CLI 中按各自掃描目錄啓用。本文按官方模板與 agentskills.io 規範，說明 frontmatter 字段、目錄結構、各工具安裝路徑，以及如何把模板填成可觸發的第一個 Skill。
閱讀全文find-bugs：讓 AI 按清單掃描當前分支的 Bug 與安全問題
find-bugs 是 Sentry 工程團隊在 getsentry/skills 倉庫中公開的 Agent Skill，用於審查本地分支相對默認分支的改動。它按五階段執行：用 git 與 GitHub CLI 取完整 diff、映射攻擊面、逐項過 Injection/XSS/鑑權/IDOR 等 11 項安全清單、覈實假陽性，再輸出帶證據的報告，且明確不改代碼。可通過 Claude 插件市場或 npx skills add 安裝，適用於 Cursor、Claude Code、Codex 等支持 SKILL.md 的工具。
閱讀全文使用 modern-python Skill 爲 Python 項目配置 uv、ruff 與 ty
Trail of Bits 把內部 cookiecutter-python 模板寫成 Agent Skill modern-python，用 uv、ruff、ty、pytest、prek 替代 pip、flake8、black、mypy 和 pre-commit。本文依據官方 SKILL.md 與文檔站覈實安裝方式、最小項目、PEP 723 腳本以及從 requirements.txt / setup.py 遷移的步驟，並說明 Python 3.11+ 與 ty 仍處 beta 等限制。
閱讀全文shadcn Skill：讓 AI 按項目配置搜索、安裝和組合 shadcn/ui 組件
shadcn 是 shadcn/ui 官方 Agent Skill。安裝後會讀取項目的 components.json，通過 shadcn info --json 注入框架、別名、已裝組件、圖標庫和底層原語，再按官方組合規則搜索、安裝、調試和拼接 UI。它隨 2026 年 3 月 CLI v4 發佈，可用 pnpm dlx skills add shadcn/ui 裝進 Cursor、Claude Code、Codex 等工具，避免助手憑記憶寫出對不上項目的組件。
閱讀全文firecrawl-cli：讓 AI Agent 用 CLI 抓取、搜索、爬取與映射網頁
firecrawl-cli 是 Firecrawl 官方 Agent Skill（目錄 skills/firecrawl-cli，frontmatter 名爲 firecrawl）。它讓 Cursor、Claude Code、Codex 等助手用 firecrawl CLI 搜索、抓取、映射、爬取和交互網頁，結果以 Markdown/JSON 寫入 .firecrawl/。本文依據官方 SKILL.md 與 CLI 文檔，說明安裝鑑權、search→scrape→map→crawl→interact 路徑，以及 credits 與無 Key 限流等注意點。
閱讀全文improve-codebase-architecture：讓 AI 先做架構審查，再決定改哪裏
Matt Pocock 的 improve-codebase-architecture 是一條用戶主動喚起的 Agent Skill：按近期提交熱點掃描淺模塊與泄漏的縫，用刪除測試過濾候選，把加深機會寫成不進倉庫的 HTML 報告（Tailwind + Mermaid），再對你選中的一項做 grilling。它不改業務代碼，產出是可測試、可導航的架構決策，隨後才進入 to-spec / to-tickets / implement。適合定期治理技術債和大改前的結構體檢，而不是自動重構。
閱讀全文使用 Matt Pocock 的 tdd Skill 做垂直切片測試驅動開發
Matt Pocock 的 tdd Skill 約束編程 Agent 按垂直切片做 TDD：先約定公開 seam，再一次只寫一個失敗測試、一段剛好能通過的實現。文章根據 GitHub SKILL.md、tests.md、mocking.md 和 aihero.dev 說明，整理好測試標準、三種反模式、mock 邊界、Cursor / Claude Code / Codex 安裝方式，以及重構已拆到 code-review、不宜用於膠水代碼等限制。
閱讀全文grill-me：動手寫代碼前，先讓 Agent 把你問清楚
grill-me 是 Matt Pocock 技能集裏的用戶觸發入口：在 Agent 動手前，按決策樹一輪一輪追問，把還沒成形的想法磨到可以承諾。它無狀態、不寫文件，主題也不必是代碼。真正的面試循環在同倉庫的 grilling 裏，只裝 grill-me 往往跑不起來。本文依據官方 SKILL.md 與 aihero.dev 說明，整理安裝方式、提問格式、和 grill-with-docs / wayfinder 的分工，以及被動點頭、範圍過大、Skill 未加載等常見坑。
閱讀全文adding-analytics：讓 AI Agent 按標準流程給 Web 應用接入 PostHog
adding-analytics 是 awesome-cursor-skills 裏的一份 SKILL.md，把給 Web 應用接入 PostHog 收成固定流程：識別框架、安裝 posthog-js / posthog-node、初始化 Provider、爲 SPA 補頁面瀏覽、用環境變量管理密鑰，再按需加自定義事件、Feature Flag 和會話回放。本文依據 Skill 原文與 PostHog、Cursor、Claude Code、Codex 官方文檔交叉覈實，說明安裝目錄、可復現示例，以及變量名、React 包路徑、pageview 默認行爲和輸入脫敏等與現行文檔的差異。
閱讀全文用 database-design：讓 AI Agent 按規範設計表關係、索引、約束與 ORM
database-design 是 awesome-cursor-skills 收錄的數據庫建模 Skill，把實體識別、表關係、約束、索引和 Prisma/Drizzle 配置寫成一份 SKILL.md。本文按官方原文覈實其六步工作流、PostgreSQL 示例與安裝方式，說明它如何補上 AI 編程在 schema 設計上的短板，以及 Postgres 方言、ORM 範圍等使用限制。
閱讀全文adding-stripe：讓 AI Agent 按標準流程接入 Stripe 支付
adding-stripe 是 awesome-cursor-skills 中的社區 Agent Skill，把 Stripe Checkout、訂閱 Webhook 與客戶門戶寫成 7 步清單。本文依據 SKILL.md 原文，並對照 Stripe Checkout、Webhook、Billing Portal 與 Cursor Skills 文檔，說明它解決什麼問題、如何在 Cursor / Claude Code / Codex 中安裝，以及驗籤、Customer ID、API 版本等使用注意。
閱讀全文用 recording-browser-flow-as-test：在瀏覽器裏走一遍流程，自動生成 Playwright 測試
介紹 spencerpauly/awesome-cursor-skills 中的 recording-browser-flow-as-test：在 Cursor 內置瀏覽器逐步走查用戶流程，用 browser_snapshot 記錄無障礙樹信息，再生成基於 getByRole/getByLabel 等穩定定位的 Playwright 測試。文中核實安裝命令、前置條件、錄製步驟、斷言與加固建議，以及 2FA/驗證碼等不適用場景。
閱讀全文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 示例，便於把視覺素材直接落入項目倉庫。
閱讀全文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 用法、敏感規則與適用邊界，適合企業安全團隊做所有權漂移與孤兒敏感代碼盤點。
閱讀全文security-threat-model：讓 Agent 基於代碼倉庫做威脅建模
介紹 OpenAI 精選 Skill security-threat-model：基於倉庫證據枚舉信任邊界、資產、攻擊者能力與濫用路徑，輸出結構化 Markdown 威脅模型。文中核實了官方工作流、報告契約、Codex/Cursor/Claude Code（含 Trail of Bits 插件）的安裝啓用方式，以及典型提示詞與使用邊界。
閱讀全文render-deploy：分析代碼庫、生成 Blueprint，把應用部署到 Render
介紹 OpenAI curated Agent Skill「render-deploy」：分析代碼庫後生成 render.yaml Blueprint，或經 Render MCP 直接創建單服務，並給出 Dashboard 深鏈接完成部署。文中核實安裝方式（npx skills / Codex skill-installer）、Cursor/Claude/Codex 的 MCP 配置、Blueprint 與 Direct Creation 的選擇啓發式，以及 Git remote、鏡像服務限制、密鑰 sync:false、端口綁定等注意事項，與 Vercel/Cloudflare 部署類 Skill 形成互補。
閱讀全文用 netlify-deploy Skill 把前端項目一鍵發佈到 Netlify
介紹 OpenAI curated 技能 netlify-deploy：通過 Netlify CLI（npx netlify）完成鑑權、站點關聯/創建、依賴安裝與預覽/生產部署。說明其在 Cursor、Codex、Claude Code 等 Agent Skills 目錄中的安裝方式，給出官方工作流命令示例、netlify.toml 注意點，以及沙箱網絡與密鑰管理等使用建議。
閱讀全文jupyter-notebook：OpenAI 官方 Skill，讓 Agent 按規範生成 Jupyter Notebook
OpenAI curated Skill jupyter-notebook 面向實驗與教程兩類 Jupyter Notebook 場景，通過 bundled 模板與 new_notebook.py 腳手架腳本生成結構規範的 .ipynb，並配套 experiment/tutorial 模式指南與質量清單。本文覈實官方 SKILL.md 與倉庫腳本，介紹安裝方式（Codex $skill-installer、Cursor .cursor/skills）、典型命令與 Agent 提示詞，以及適用場景與注意事項。
閱讀全文cli-creator：把 API 文檔變成 Agent 可調用的命令行工具
cli-creator 是 OpenAI skills 倉庫中的精選 Skill，指導 AI 從 API 文檔、OpenAPI、curl 或 SDK 腳手架生成可安裝、可組合、輸出穩定 JSON 的命令行工具，並配套 Companion Skill 供後續 Agent 複用。文章介紹其核心命令契約（doctor/discovery/resolve/read/write）、Rust/Node/Python 運行時選擇、auth 優先級，以及在 Codex、Cursor 等工具中的安裝與典型用法。
閱讀全文Sentry Skill：把生產報錯排查接進 AI Agent 工作流
sentry 是 OpenAI 在 openai/skills 倉庫 curated 目錄維護的 Agent Skill，通過 Sentry 官方 CLI 做只讀可觀測性查詢：列出未解決 Issue、查看事件詳情、調用 issue explain/plan 做根因與修復建議。本文介紹其定位、核心命令、CLI 與 Skill 安裝方式（Codex 的 $skill-installer、Cursor 的 .cursor/skills），以及默認 24h 生產環境查詢、JSON 輸出與安全脫敏等注意事項，適合 DevOps/SRE 將線上排障接入 AI 工作流。
閱讀全文linear Skill：讓 AI Agent 直接操作 Linear 工單，而不只是寫代碼
OpenAI 官方精選 Skill linear，通過 Linear MCP 讓 Agent 讀取、創建和更新 Issue、項目與團隊工作流。本文介紹其定位、核心能力、Codex/Cursor 安裝步驟、Bug 分診與 Standup 同步等典型用法，以及 OAuth 與速率限制等注意事項。
閱讀全文yeet：OpenAI 官方 Skill，一句話跑完 stage → commit → push → 開 PR
yeet 是 OpenAI 在 openai/skills 倉庫維護的 curated Agent Skill，僅在用戶明確要求時，藉助 GitHub CLI 一次性完成 git add、commit、push 並創建或更新 Pull Request。本文基於官方 SKILL.md 覈實其工作流：默認分支自動建分支、PR 模板感知、避免重複 PR、新 PR 以 Draft 創建，並說明在 Codex 與 Cursor 中的安裝方式與典型觸發話術。適合希望把 Git 發佈最後一公里交給 AI Agent 的 GitHub 開發者。
閱讀全文migrate-to-codex：把 Claude Code 配置一鍵搬進 Codex 的官方遷移 Skill
OpenAI 官方 Skill migrate-to-codex 可將 Claude Code 的指令、Skill、Hooks、MCP 與子 Agent 轉爲 Codex 標準目錄結構，支持 scan、plan、dry-run 與校驗，並輸出遷移報告。本文介紹安裝啓用、典型命令，以及與 Codex /import 的互補關係與限制。
閱讀全文slack-gif-creator：讓 AI 幫你做符合 Slack 規範的動圖 GIF
slack-gif-creator 是 Anthropic 官方 Skills 倉庫中的 Agent Skill，專爲 Slack 場景封裝 GIF 尺寸、幀率、顏色等約束，並提供 GIFBuilder 組裝、validators 校驗、easing 緩動與動畫概念指南。本文介紹其定位、核心能力，以及在 Cursor、Claude Code 等 AI 編程工具中的安裝方式與典型用法，幫助開發者用自然語言快速產出可上傳 Slack 的動圖。
閱讀全文canvas-design Skill 詳解：把設計哲學寫進 AI，產出 PNG/PDF 靜態視覺作品
canvas-design 是 Anthropic 官方 Skills 倉庫中的創意類 Agent Skill，採用「先寫設計哲學、再在畫布表達、最後二次精修」的兩步工作流，輸出 .md 宣言與 .png/.pdf 視覺成品。本文基於官方 SKILL.md 覈實其核心能力、canvas-fonts 字體資源、在 Cursor 與 Claude Code 中的安裝方式，以及海報與品牌視覺等典型用法與版權注意事項。
閱讀全文brand-guidelines：讓 AI Agent 自動套用 Anthropic 官方品牌規範
brand-guidelines 是 Anthropic 官方 Skills 示例，將品牌色（#141413、#d97757 等）與 Poppins/Lora 字體規則寫入 SKILL.md，供 Agent 生成 PPT、文檔、HTML 時自動對齊視覺規範。本文據官方 SKILL.md 與倉庫 README 覈實，介紹定位、色板細節、Cursor/Claude Code/Claude.ai 安裝方式、典型提示詞，以及企業自建設計規範 Skill 的可複用模式與注意事項。
閱讀全文algorithmic-art：用 Agent Skill 把 p5.js 算法藝術寫進 AI 編程助手
介紹 Anthropic 官方創意 Skill algorithmic-art：基於 p5.js 與種子隨機生成可交互算法藝術。文章覈實官方 SKILL.md 後，說明其「算法哲學 + HTML 成品」兩階段流程、viewer.html 模板約束，以及在 Cursor、Claude Code、Claude.ai 中的安裝方式與典型提示詞，適合想快速做生成藝術或學習創意類 Agent Skill 的開發者。
閱讀全文unit-test-generator：讓 AI Agent 按規範自動生成單元測試
unit-test-generator 是 JackyST0/awesome-agent-skills 倉庫中的社區示例 Skill，通過 SKILL.md 將「識別代碼、分析邊界、選擇框架、生成用例」流程標準化，支持 Python、JavaScript/TypeScript、Java、Go、Rust 等語言及 pytest、Jest、JUnit 等框架。本文介紹其定位、核心能力、Cursor/Codex 等平臺的安裝方式、官方 divide 函數示例，以及補測試、團隊規範落地等適用場景與使用注意點。
閱讀全文code-review：給 AI 編程助手裝上「標準化 Code Review 流程」
code-review 是 awesome-agent-skills 倉庫自帶的官方示例 Skill，通過 SKILL.md 爲 Cursor、Claude Code、Copilot 等 AI 編程工具定義統一的代碼審查流程：覆蓋語法、邏輯、安全、性能與風格五類檢查，並輸出含問題清單、改進建議與三項評分的標準報告。本文介紹其來源、核心能力、一鍵/手動安裝方式、典型用法與適用場景，幫助開發者快速把 AI 輔助 Code Review 規範化。
閱讀全文setting-up-ci：讓 AI Agent 幫你搭好 GitHub Actions CI/CD 流水線
setting-up-ci 來自 awesome-cursor-skills，是面向 GitHub Actions 的 DevOps 入門 Skill。Agent 按 SKILL.md 檢測 Node/Python/Go 等項目，生成含 lint、測試、類型檢查與可選部署的 ci.yml，並強調 npm ci、緩存與密鑰安全。本文涵蓋安裝（.cursor/skills/）、典型用法與注意事項，適合新項目快速補齊 CI。
閱讀全文一次 PR 四個視角：parallel-code-review 並行 Code Review Skill 實戰
parallel-code-review 是 awesome-cursor-skills 倉庫中的 Cursor-Native Skill，利用 Task 工具同時啓動四個只讀 explore 子 Agent，從安全、性能、正確性、可讀性四個維度審查同一 diff，再由主 Agent 去重合併爲分級報告。本文覈實官方 SKILL.md 後，介紹安裝方式（.cursor/skills/ 或 npx skills）、四步工作流（圈定變更、並行審查、合成報告、可選修復）及適用場景與限制。
閱讀全文從重複模式提煉 Skill：building-skills-from-patterns 元技能詳解
building-skills-from-patterns 是 awesome-cursor-skills 倉庫中的元技能，教 Cursor Agent 識別反覆出現的多步工作流，並將其沉澱爲 .cursor/skills/ 下的 SKILL.md。本文介紹其觸發條件、四步工作流、與 Rules/Hooks 的分工，以及安裝方式與典型用法，幫助開發者從「重複口述流程」進階到「自造可複用 Skill」。
閱讀全文systematic-debugging：把結構化調試方法論寫進 Skill，讓 AI 排錯不再亂猜
systematic-debugging 來自 awesome-cursor-skills，將復現、隔離、假設、驗證、修復五步調試流程寫入 SKILL.md，涵蓋 git bisect、二分搜索與最小復現。本文介紹其來源、核心能力、在 Cursor 等 AI 編程工具中的安裝方式，以及自動觸發與 /systematic-debugging 顯式調用等典型用法，幫助開發者約束 Agent 按證據排錯而非隨機改代碼。
閱讀全文architecture-decision-records：用 Agent Skill 把技術決策寫成 ADR
介紹 awesome-cursor-skills 收錄的 architecture-decision-records Skill：它教 AI Agent 按 ADR 規範記錄技術決策的背景、備選方案與理由，覆蓋何時寫、模板結構、六步工作流、安裝方式與典型提示詞示例，幫助團隊把架構治理從口頭約定變成可檢索的決策日誌。
閱讀全文adding-e2e-tests：用 Agent Skill 從零搭建 Playwright 端到端測試
adding-e2e-tests 來自 awesome-cursor-skills，教 AI Agent 從零搭建 Playwright E2E：安裝依賴、配置 playwright.config.ts、寫冒煙測試與 Page Object、補 npm 腳本與 .gitignore、接 GitHub Actions CI，並強調 data-testid 與 codegen 實踐。文章說明 Skill 定位、與 webapp-testing 的差異、Cursor/Claude Code 安裝方式及七步落地流程，適合尚未接入 E2E 的前端與全棧項目。
閱讀全文adding-auth：讓 AI Agent 按標準流程接入 Auth.js 認證
adding-auth 收錄於 awesome-cursor-skills，把 Auth.js v5 在 Next.js App Router 的集成整理爲 8 步工作流：依賴安裝、AUTH_SECRET、auth.ts、OAuth、Route Handler、登錄 UI 與路由保護，可選數據庫 Adapter。本文據官方 SKILL.md 與 Auth.js 文檔覈實，介紹安裝方式與典型用法，適合需快速接入 OAuth 與會話的 Web 開發者。
閱讀全文cloudflare-deploy：讓 AI Agent 把應用部署到 Cloudflare 邊緣網絡
cloudflare-deploy 是 OpenAI openai/skills 精選目錄下的 Agent Skill，通過決策樹與 references 參考文檔，指導 AI Agent 在 Cloudflare 上完成 Workers、Pages 及 KV/D1/R2 等全棧部署。本文覈實官方 SKILL.md，介紹其與 vercel-deploy 的差異、Codex/Cursor 安裝方式、wrangler 鑑權流程與典型部署命令，適合需要邊緣 Serverless 與多雲部署的開發者。
閱讀全文figma-implement-design：OpenAI 官方 Skill，把 Figma 設計稿 1:1 還原爲生產級代碼
figma-implement-design 是 OpenAI curated Agent Skill，配合 Figma MCP 將設計節點翻譯爲倉庫內可交付 UI 代碼。文章介紹其七步工作流、與 figma-use 等 Skill 的邊界、MCP 前置條件，以及在 Cursor（/add-plugin figma）、Codex（$skill-installer）等工具中的安裝與典型用法，幫助開發者縮短 Design-to-Code 迭代週期。
閱讀全文OpenAI 官方 security-best-practices：讓 AI 按語言與框架做安全審查
OpenAI 在 openai/skills 倉庫 curated 目錄提供 security-best-practices Skill，針對 Python、JavaScript/TypeScript、Go 常見框架內置 10 份安全規範，支持 secure-by-default 編碼、被動巡檢與結構化安全報告。本文介紹其工作流、references 參考庫、Codex/Cursor 安裝方式與典型提示詞，幫助開發者在 AI 輔助編程中嵌入可覈實的安全審查能力。
閱讀全文vercel-deploy：讓 AI Agent 一鍵把項目部署到 Vercel
vercel-deploy 是 OpenAI skills 精選目錄中的 Vercel 部署 Skill，指導 AI Agent 將應用一鍵部署到 Vercel。默認走預覽部署；優先使用 Vercel CLI，未登錄時自動降級到 deploy.sh 腳本，無需事先配置賬號即可返回 previewUrl 與 claimUrl。支持 Next.js、Nuxt、Astro 等框架自動檢測，適用於 Cursor、Codex CLI、Claude Code 等工具。
閱讀全文終端驅動真實瀏覽器：OpenAI 官方 Playwright Skill 上手
OpenAI 精選 Skill「playwright」將 Playwright Agent CLI 封裝爲終端瀏覽器自動化工作流：打開頁面、快照獲取元素引用、填表點擊、截圖與 Trace 調試。本文基於官方 SKILL.md 覈實，介紹安裝方式（Codex skill-installer、Cursor .cursor/skills）、wrapper 腳本用法、典型命令示例，以及 ref 失效重快照、默認不寫 @playwright/test 等注意事項，適合 E2E 探索式自動化與 UI 流程排查場景。
閱讀全文gh-fix-ci：用 GitHub CLI 讓 AI 幫你排查 PR 上失敗的 CI 檢查
PR 合併前 CI 紅了，要在 Actions 頁面和終端間反覆切換查日誌？OpenAI 官方 curated 技能 gh-fix-ci 專爲 GitHub Actions 失敗排查設計：通過 gh 拉取 PR 檢查與運行日誌，bundled 腳本自動提取報錯片段，先給出修復計劃、獲批准後再改代碼。本文介紹技能定位、inspect_pr_checks.py 用法，以及在 Codex、Cursor 等工具中的安裝啓用方式。
閱讀全文gh-address-comments：用 Agent Skill 結構化處理 GitHub PR Review 評論
gh-address-comments 是 OpenAI Codex 精選 Skill，通過 gh CLI 與 GraphQL 腳本拉取當前分支 PR 的全部 review 與 inline 評論，編號彙總後由用戶選擇需處理的條目，再交由 Agent 修改代碼。本文介紹其三步工作流、fetch_comments.py 能力、Codex 與 Cursor 安裝方式，以及 human-in-the-loop 設計下的適用場景與注意事項。
閱讀全文doc-coauthoring：用三階段結構化流程，讓 Agent 幫你寫清技術規格與決策文檔
doc-coauthoring 是 Anthropic 官方 Skills 倉庫中的文檔共創 Skill，面向技術規格、決策文檔、RFC、PRD 等結構化寫作場景。它不一次性生成全文，而是引導 Agent 走完「上下文收集 → 分節打磨 → 讀者測試」三階段：先通過元問題與信息傾倒補齊背景，再按章節頭腦風暴、篩選、起草與迭代修改，最後用無上下文的 Claude 模擬讀者提問，找出文檔盲區。本文介紹其核心能力、在 Cursor 與 Claude Code 中的安裝方式，以及撰寫 decision doc 的典型交互示例與適用邊界。
閱讀全文internal-comms：讓 AI 按公司格式寫內部溝通文檔
Anthropic 官方 Skill internal-comms 將 3P 週報、全員 Newsletter、FAQ、事故報告等內部溝通模板打包爲 SKILL.md 指令集。本文介紹其分類型加載 examples/ 指南的工作流、在 Cursor / Claude Code 中的安裝方式，以及典型提示詞用法與自定義建議。
閱讀全文web-artifacts-builder：用 React 棧讓 Agent 產出可交付的前端 HTML 產物
Anthropic 官方 Skill web-artifacts-builder，用 React 18、TypeScript、Vite、Tailwind 與 shadcn/ui 構建複雜多組件 Web 產物。init-artifact.sh 初始化腳手架並預裝 40+ 組件，bundle-artifact.sh 打包爲自包含 bundle.html。本文涵蓋 Claude Code、Cursor 等安裝啓用方式、四步工作流與適用場景，幫助 Agent 按現代前端工程交付頁面。
閱讀全文Theme Factory：用 Agent Skill 給幻燈片、文檔與落地頁一鍵換膚
介紹 Anthropic 官方 theme-factory Skill：內置 10 套預設主題（配色與字體），可將統一樣式應用到幻燈片、文檔、報告與 HTML 落地頁，也支持自定義主題。文章基於官方 SKILL.md 與倉庫結構，說明安裝方式（CLI、手動複製、Claude Code 插件）、標準換膚流程與典型提示詞示例，適合需要 AI 設計工作流統一樣式的開發者。
閱讀全文讓 AI 真正會寫 Excel：Anthropic 官方 xlsx Skill 詳解
xlsx 是 Anthropic 官方 Agent Skill，專門處理 .xlsx/.csv 等表格文件的讀寫、公式建模與數據清洗，也是 Claude 文檔能力背後的實現參考。本文介紹其核心能力（openpyxl/pandas/markitdown 分工、recalc.py 公式重算、財務模型規範），以及在 Cursor、Claude Code、Claude.ai 中的安裝啓用方式與典型用法，幫助開發者讓 AI 直接交付可審計的電子表格。
閱讀全文pptx Skill：讓 AI Agent 真正會寫 PowerPoint
Anthropic 官方 pptx Skill 面向 .pptx/.potx 的創建、編輯與讀取，配套 pptxgenjs、OOXML 解壓編輯及 validate.py 等腳本與三重 QA。本文介紹其定位、核心能力、在 Cursor / Claude Code 中的安裝方式，以及模板填充、校驗與視覺 QA 的典型用法與注意事項。
閱讀全文Anthropic pdf Skill：讓 AI 編程助手真正搞定 PDF 全場景處理
pdf 是 Anthropic 官方維護的 Agent Skill，遵循 Agent Skills 開放標準，可在 Cursor、Claude Code、Codex 中使用。它覆蓋 PDF 讀取提取、合併拆分、旋轉水印、表單填寫、加密解密、OCR 與圖片提取等辦公自動化高頻場景，內置 pypdf、pdfplumber、reportlab 及 qpdf、pdftotext 等工具選型指南。本文介紹 Skill 定位、核心能力、在 Claude Code/Cursor/Codex 中的安裝方式，以及官方代碼示例與使用注意事項。
閱讀全文docx Skill：讓 AI 真正寫出可交付的 Word 文檔
docx 是 Anthropic 在 anthropics/skills 倉庫公開的 Word 文檔 Agent Skill，支撐 Claude 創建與編輯文件能力。本文介紹其定位、創建/讀取/編輯三條技術路徑、修訂批註與 bundled 腳本、在 Cursor 與 Claude Code 中的安裝方式，以及 docx-js 與 unzip/XML 編輯等注意事項，幫助開發者把 AI 產出真正落到可交付的 .docx。
閱讀全文claude-api Skill：Claude API 開發者的隨身參考手冊
Anthropic 開源的 claude-api Agent Skill 將 Messages API、Managed Agents 及 Python/TypeScript/Go 等 8 種語言 SDK 文檔打包爲可漸進加載的參考，Claude Code 內置。本文介紹其定位、核心能力（模型遷移、流式、工具調用、Prompt Caching、MCP/Agent）、安裝方式與典型用法，幫助開發者避免憑記憶寫出過期的 Claude API 代碼。
閱讀全文webapp-testing：讓 AI Agent 用 Playwright 自主驗證本地 Web 應用
Anthropic 官方 webapp-testing Skill 將 Playwright 瀏覽器自動化封裝爲 Agent 可複用的測試工作流。支持啓動本地 dev server、截圖偵察 DOM、捕獲控制檯日誌，按「先偵察再操作」模式驗證動態單頁應用。本文介紹其核心能力、在 Cursor 與 Claude Code 中的安裝方式，以及 with_server.py 多服務器管理與典型 Playwright 腳本示例，幫助開發者讓 AI 改完前端後能自主跑通 UI 迴歸。
閱讀全文frontend-design：讓 AI 生成的界面不再「一個模子刻出來」
frontend-design 是 Anthropic 官方維護的 Agent Skill，面向新建或改造 UI 的場景，通過設計規劃、token 體系、字體排版與自我審查流程，引導 AI 避開暖米色襯線、深色熒光、報紙分欄等常見默認審美，產出更有辨識度的界面。文章介紹其核心原則、兩階段工作流，以及在 Claude Code、Cursor 等工具中的安裝與典型提示詞用法。
閱讀全文skill-creator：Anthropic 官方「元技能」，教你從零寫出可評測的 Agent Skill
skill-creator 是 Anthropic 開源倉庫中的 Agent Skill「元技能」，專門指導開發者創建、測試和迭代 SKILL.md。本文介紹其核心能力：結構化創建流程、Skill 目錄規範、eval 評測與基準測試、description 觸發優化，以及在 Claude Code、Cursor 等工具中的安裝啓用方式。如果你打算系統入門 Agent Skills，或已有 Skill 但觸發不準、輸出不穩定，skill-creator 提供了從起草到打包的完整閉環，是 Skill 生態最值得優先安裝的技能之一。
閱讀全文mcp-builder：Anthropic 官方 Skill，手把手教你搭建高質量 MCP 服務器
mcp-builder 是 Anthropic 官方 Skills 倉庫中的 Agent Skill，專用於指導開發者創建高質量 MCP 服務器。本文基於官方 SKILL.md 與參考文檔，介紹其四階段工作流（調研規劃、實現、測試、評測）、TypeScript/Python 雙棧支持、安裝啓用方式（Cursor、Claude Code 等），以及典型提示詞示例與使用注意事項，幫助開發者系統化地把外部 API 封裝爲 LLM 可調用的 MCP 工具。
閱讀全文