用 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 用法、敏感規則與適用邊界，適合企業安全團隊做所有權漂移與孤兒敏感代碼盤點。
閱讀全文