未經測試就建立 AI 技能會導致產生代理在高壓下忽略的文件。此技能將測試驅動開發應用於技能建立：先執行失敗情境、記錄失敗、撰寫技能解決這些特定缺口，然後驗證合規性。

使用此技能在撰寫程式碼之前生成包含細分任務的綜合實作計畫。它將任務結構化為 2-5 分鐘的步驟，包含確切的檔案路徑、測試命令和提交訊息。

此技能修復因色彩對比度失敗導致的 PageSpeed Insights 和 Lighthouse 可存取性錯誤。它會掃描觸發可存取性審核失敗的 CSS 模式，並提供經過驗證的修復模式以改善您的 SEO 效能。

此技能會自動根據 Vercel 的 Web 介面指南審查網頁介面，識別您的 UI 程式碼中的無障礙性問題、使用者體驗問題和設計合規性違規。

為 Claude 對話建立多元件 React 產出物需要複雜的打包和設定。此技能自動使用 React 18、TypeScript、Tailwind CSS 和 40+ 個 shadcn/ui 元件進行專案設定，然後將所有内容打包成單一 HTML 檔案。

本地網頁應用程式測試需要可靠的瀏覽器自動化功能，無需手動設定。此工具包提供 Playwright 腳本和伺服器管理公用程式，以簡化前端測試工作流程。

此技能可防止 AI 代理做出虛假的完成聲明，要求在報告成功前提供實際的驗證證據。它確保測試通過、建置成功，且工作真正完成。

建置高效能 React 應用程式需要理解複雜的優化模式。此技能提供來自 Vercel 工程團隊的 45 條優先規則，指導 AI 編寫、審查和重構 React 及 Next.js 程式碼，以達到最佳效能。

無需認證或配置即可將任何專案部署到 Vercel。此技能會打包您的程式碼、自動偵測您的框架，並在幾秒鐘內返回即時預覽網址。

這個後設技能建立了關鍵的工作流程紀律，要求 Claude Code 在任何回應或行動前先檢查並呼叫相關技能，避免遺漏機會和合理化行為。

Git worktrees 允許同時在不同分支上工作而無需切換上下文。此技能提供系統化的目錄選擇和安全驗證，以實現可靠的工作區隔離。

創建專業 UI/UX 設計需要深入的可訪問性、色彩理論、排版和特定技術棧模式知識。此技能提供 50+ 設計風格、配色方案、字體配對和實施指南的可搜索資料庫，幫助您更快地構建精美的介面。

透過精選設計主題，將樸素的文件和簡報轉化為視覺精美的成品。從 10 個預建主題中選擇，或建立符合您品牌識別風格的自訂樣式。

在程式碼撰寫後才寫測試會導致錯誤的信心並遺漏邊界情況。此技能強制執行 TDD 紀律：先撰寫失敗的測試，然後實作剛好足夠通過測試的程式碼。

隨機修復會浪費時間並產生新的錯誤。此技能提供一個四階段調試框架，在實施解決方案前找出根本原因，避免在基於症狀的修復上浪費精力。

AI 代理在處理複雜的多任務實作時常常遇到困難。此技能透過為每個任務派遣全新的子代理，並強制執行規範遵循與程式碼品質審查來解決這個問題。

使用 Python PIL 建立專為 Slack 優化的動畫 GIF。使用緩動函數生成自訂動畫，並針對 emoji 和訊息情境自動最佳化檔案大小。

建立有效的 AI 技能需要理解上下文管理、漸進式揭露和可重複使用資源設計。此技能提供一個完整的框架，用於建立模組化技能，在不浪費上下文視窗空間的情況下擴展 Claude 的功能。

開發者經常因為過於接近實作而忽略自己程式碼中的問題。此技能會派遣 AI 子代理程式來根據需求審查程式碼變更，在合併前檢查品質、架構、測試和生產環境就緒狀態。

程式碼審查需要技術評估，而非情緒化表現。此技能提供結構化的驗證模式，在實作前驗證審查回饋，確保技術正確性勝過社交舒適度。