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 安裝說明覈實。
閱讀全文