開發技能

撰寫引人入勝的技術文章與部落格貼文，目標讀者為開發人員。每當使用者要求撰寫部落格貼文、技術文章或任何長篇技術內容時，請使用此技能。當使用者說「寫一篇關於[技術主題]的文章」、「幫我起草一篇文章」、「把這個變成部落格貼文」、「寫一篇關於……的貼文」、「我想發表一些關於……的內容」，或提及為開發人員受眾寫作時，也觸發此技能。涵蓋完整流程：構思優化、標題/鉤子生成、文章……

在撰寫實作程式碼之前，用於實作任何功能或錯誤修正時使用。

使用ElevenLabs語音AI將文字轉換為語音。適用於從文字生成音訊、製作配音、構建語音應用，或在70多種語言中合成語音。

將粗略的想法轉化為經過核准、決策完整的計劃，並在編碼前驗證結構。當用戶提出「出方案/給方案/深入分析/怎麼設計/有沒有必要/值不值得/plan this/how should I/should we keep this」等涉及功能、架構或價值判斷的要求時使用。不適用於錯誤修復或小型修改。

將計劃、規格或產品需求文件（PRD）拆解為專案問題追蹤器上可獨立處理的議題，採用追蹤子彈式的垂直切片。適用於使用者想將計劃轉換為議題、建立實作票證，或將工作細分為議題時。

將當前對話內容轉換為PRD，並發佈到專案問題追蹤器中。當使用者希望從當前內容建立PRD時使用。

將當前對話轉換為規格並發佈到專案問題追蹤器——無需訪談，僅綜合你已討論的內容。

將計劃、規格或當前對話拆解為一組追蹤子彈票證，每張票證標明其阻塞邊緣，並發佈至已設定的追蹤器——邊緣以文字形式儲存在本機的每張票證檔案中，或作為真實追蹤器上的原生阻塞連結。

透過由分類角色驅動的狀態機來分類問題。當使用者想要建立問題、分類問題、審查傳入的錯誤或功能請求、為AFK代理準備問題，或管理工作流程時使用。

在專案中端到端設定 Cloudflare Turnstile — 掃描程式碼庫、透過 Cloudflare API 建立 widget、部署受管理的 siteverify Worker、撰寫前端程式碼片段、驗證並保存技能。當使用者要求新增 Turnstile、設定 CAPTCHA、保護表單免受機器人攻擊或修復 Turnstile 整合時載入此技能。對應 developers.cloudflare.com/turnstile/spin。

掌握TypeScript進階型別系統，包括泛型、條件型別、映射型別、模板字面型別及工具型別，用於建構型別安全的應用程式。適用於實作複雜型別邏輯、建立可重複使用的型別工具，或在TypeScript專案中確保編譯時期的型別安全。

當使用者需要建立、解壓縮、扁平化、列出、測試、安裝、編寫腳本

從當前對話中提取DDD風格的通用語言詞彙表，標記歧義並提出標準術語。保存至UBIQUITOUS_LANGUAGE.md。當用戶想要定義領域術語、建立詞彙表、強化術語、創建通用語言，或提及「領域模型」或「DDD」時使用。

我們需要將給定的英文文本翻譯成繁體中文。文本描述了一個名為「ui-styling」的agent skill，但要求不包含名稱，除非在原文中出現。原文中沒有出現「ui-styling」這個詞，所以我們只翻譯<text>內的內容。 注意：要保留產品名稱、協議名稱、URL、數字和技術術語。例如「shadcn/ui」、「Radix UI」、「Tailwind」、「Tailwind CSS」、「CSS utility-first styling」、「canvas-based visual designs」等應該保留原樣或適當翻譯？指令說「preserve product names, protocol names, URLs, numbers, and technical terms」，所以這些專有名詞應該保留英文，不翻譯。但「utility-first styling」可以考慮翻譯為「實用優先樣式」？但「utility-first」是技術術語，可能保留。為了保險，保留原文。 另外，注意繁體中文用詞，例如「create」翻譯為「建立」或「創建」，「beautiful」翻譯為「美觀」，「accessible」

適用於網頁與行動端的UI/UX設計智慧。包含50多種樣式、161組色彩調色盤、57組字體搭配、161種產品類型、99條UX指南，以及橫跨10個技術棧（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui 與 HTML/CSS）的25種圖表類型。操作功能：規劃、建置、建立、設計、實作、審查、修正、改善、最佳化、增強、重構及檢查UI/UX程式碼。專案類型：網站、登陸頁面、儀表板、管理後台、電子商務、SaaS、作品集、部落格等。

在此儲存庫中建立或更新技能，透過生成、編輯或優化 SKILL.md 檔案。適用於撰寫新技能，或修改現有技能的結構、前置資料與指引。

發現並調用代理技能。在開始會話或需要找出適用於當前任務的技能時使用。這是管理所有其他技能如何被發現與調用的元技能。

在開始需要與當前工作區隔離的功能開發時使用，或在執行實作計畫前使用——確保透過原生工具或 git worktree 備用方案存在隔離的工作區

在開始任何對話時使用 - 建立如何尋找及使用技能的方法，要求在做出任何回應（包括釐清問題）之前，必須先調用技能工具。

驗證分支或拉取請求的實作是否符合引入的產品、技術、安全性及相關規格。適用於審查或完成規格驅動的變更，並解決已簽入規格與實作之間的不一致。

用於Vercel部署專案的成本與效能最佳化，尤其適用於Next.js、SvelteKit、Nuxt及部分Astro應用。先收集Vercel指標、用量、專案配置與程式碼掃描結果；僅調查有指標佐證的候選項目；產出基於已驗證檔案及版本對應的Vercel/框架文件的排名建議。觸發情境包括Vercel帳單降低、緩慢或高成本路由、快取機會、函式調用次數、建置分鐘數、快速資料傳輸、核心...

在聲稱工作完成、修復或通過之前，在提交或建立 PR 前使用——需要先執行驗證命令並確認輸出，才能做出任何成功的聲明；始終先有證據再斷言。

由 Vite 驅動、相容 Jest API 的 Vitest 快速單元測試框架。適用於撰寫測試、模擬、配置覆蓋率，或處理測試篩選與固定測試資料。

規劃一個大型工作區塊——超過單一代理工作階段所能承載的範圍——作為問題追蹤器上調查票證的共享地圖，並逐一解決，直到通往目的地的路徑清晰為止。

審查UI程式碼是否符合Web介面指南。當被要求「審查我的UI」、「檢查無障礙性」、「審計設計」、「審查UX」或「檢查我的網站是否符合最佳實踐」時使用。

全面的網站品質審核，涵蓋效能、無障礙性、SEO 及最佳實踐。當被要求「審核我的網站」、「檢查網站品質」、「執行 Lighthouse 審核」、「檢查頁面品質」或「優化我的網站」時使用。

使用 Playwright 與本地網頁應用程式互動及測試的工具包。支援驗證前端功能、除錯 UI 行為、擷取瀏覽器螢幕截圖，以及檢視瀏覽器日誌。 授權條款：完整條款請見 LICENSE.txt

生成一個互動式 bash 精靈，引導人類逐步完成手動程序——第三方設定、一次性遷移、A→B 狀態轉換——開啟 URL、擷取值、確認每個步驟，並寫入 .env 檔案和 GitHub Actions 密鑰。

為Warp中一個重要的使用者面向功能撰寫PRODUCT.md規格，重點在於詳細的行為描述與驗證。當使用者要求產品規格、期望行為文件或PRD，希望在實作前定義功能行為，或該功能足夠重大或行為模糊，以致於書面規格能改善實作或審查流程時使用。

在研究當前程式碼庫和實作限制後，為一個重要的 Warp 功能撰