bigA:DeepSeek Harness 的 Agent Skill
bigA 是面向 DeepSeek Harness (dSH) 的 Agent Skill,由社区开发(仓库路径 kobenfang/bigA,MIT 许可证),与 DeepSeek 或幻方无官方从属关系。它通过 ClawHub 发布,供 OpenClaw 用户搜索安装,命令为 `npx clawhub search biga` 和 `npx clawhub install biga`。bigA 在 package.json 中声明了 DSH bundle patch,引入 `./cordis.patch.yml` 补丁文件,作为 DSH bundle 的一部分扩展 dsh 能力。资料未披露具
閱讀全文dsh-plugin-development:跨宿主可移植的 DSH 插件開發與審計 Skill
dsh-plugin-development 是 w2112515 維護的 MIT 許可 Agent Skill(v0.2.0-beta.1),用於設計、實現、打包、審查與診斷 DeepSeek Harness 插件。同一 canonical 目錄可在 Codex、Claude Code 與 DSH 共用,可選 bundle 適配器支持 profile 級安裝與可逆卸載。Skill 區分動態 Cordis、工作區包與可安裝 bundle 三種模式並給出對應驗收證據,附帶 check-artifact 輔助腳本。安裝 bundle 示例:dsh plugin --profile web add 官方 release tgz 或 github:w2112515/dsh-plugin-development#v0.2.0-beta.1。社區 Beta 項目,安裝前請審閱源碼與許可證。
閱讀全文用 dsh-skill-manager 在 DeepSeek Harness 設置頁統一管理 AI 技能
dsh-skill-manager 由 sulfide2085 維護,MIT 許可。它在 DSH Web 設置頁加入技能管理分區,合併 DSH / Agents / Codex / Claude 目錄中的技能,用 SKILL.md 與 .disabled 熱啓停,並支持本地 ZIP(≤64 MiB)和 GitHub 倉庫歸檔安裝。本文按目錄頁、README 與源碼覈實安裝命令、默認倉庫、限制與安全注意。
閱讀全文用 dsh-plugin-development 給 DeepSeek Harness 裝上插件開發與審計技能
dsh-plugin-development 是 w2112515 維護的 MIT 開源 Agent Skill,用來設計、實現、打包、審查和診斷 DeepSeek Harness 插件,並附可選 bundle 適配器。它先區分動態 Cordis 插件、workspace 包和可安裝 bundle,再按發現到驗證的固定流程執行;整合包不在範圍內。目錄安裝命令爲 dsh plugin add github:w2112515/dsh-plugin-development,當前版本 v0.2.0-beta.1。非官方項目;插件以當前 dsh 進程權限運行,安裝前應檢查源碼與許可證。
閱讀全文用 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 的差別。
閱讀全文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 的方式,以及適用場景與合規復核注意點。
閱讀全文用 grinding-until-pass:讓 Agent 自己修到測試全綠
介紹 spencerpauly/awesome-cursor-skills 中的 grinding-until-pass:通過 fix→run→check 循環,讓 Agent 自主修到測試、構建或 lint 通過。文中核實官方 SKILL.md 的步驟與十條以內迭代、一次修一事、禁止刪測與壓制錯誤等規則,並說明用 npx skills 或拷貝到 .cursor/skills 的安裝方式,以及目標命令示例與 Cursor Hooks 進階用法。適合大重構、依賴升級、合分支後清紅燈的場景;慢測試與需改設計時需人工介入。
閱讀全文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 值班場景。
閱讀全文用 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 本地聯調步驟。
閱讀全文用 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 提示詞,以及適用場景與注意事項。
閱讀全文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 的可複用模式與注意事項。
閱讀全文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 函數示例,以及補測試、團隊規範落地等適用場景與使用注意點。
閱讀全文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)、四步工作流(圈定變更、並行審查、合成報告、可選修復)及適用場景與限制。
閱讀全文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-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 的典型交互示例與適用邊界。
閱讀全文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 等工具中的安裝與典型提示詞用法。
閱讀全文mcp-builder:Anthropic 官方 Skill,手把手教你搭建高質量 MCP 服務器
mcp-builder 是 Anthropic 官方 Skills 倉庫中的 Agent Skill,專用於指導開發者創建高質量 MCP 服務器。本文基於官方 SKILL.md 與參考文檔,介紹其四階段工作流(調研規劃、實現、測試、評測)、TypeScript/Python 雙棧支持、安裝啓用方式(Cursor、Claude Code 等),以及典型提示詞示例與使用注意事項,幫助開發者系統化地把外部 API 封裝爲 LLM 可調用的 MCP 工具。
閱讀全文