Addyosmani技能

根據 WCAG 2.2 指南審核並改善網頁無障礙性。當被要求「改善無障礙性」、「無障礙審核」、「WCAG 合規」、「螢幕閱讀器支援」、「鍵盤導航」或「使其無障礙」時使用。

引導穩定的 API 與介面設計。適用於設計 API、模組邊界或任何公開介面時。適用於建立 REST 或 GraphQL 端點、定義模組間的型別合約，或劃分前後端邊界時。

應用現代網頁開發的最佳實踐，以確保安全性、相容性與程式碼品質。當被要求「套用最佳實踐」、「進行安全稽核」、「現代化程式碼」、「程式碼品質審查」或「檢查漏洞」時使用。

透過 Chrome DevTools MCP 在真實瀏覽器中進行測試。適用於建置或除錯任何在瀏覽器中執行的內容。當需要檢查 DOM、擷取主控台錯誤、分析網路請求、分析效能，或使用真實執行期資料驗證視覺輸出時使用。需設定 chrome-devtools MCP 伺服器。

自動化 CI/CD 管線設定。適用於設定或修改建置與部署管線時。當需要自動化品質關卡、在 CI 中配置測試執行器，或建立部署策略時使用。

執行多維度程式碼審查。在合併任何變更前使用。在審查自己、其他代理或人類撰寫的程式碼時使用。當需要在程式碼進入主分支前從多個面向評估程式碼品質時使用。

簡化程式碼以提升清晰度。適用於重構程式碼以增進可讀性但不改變行為時。適用於程式碼雖可運作但難以閱讀、維護或擴展時。適用於審查已累積不必要複雜性的程式碼時。

優化代理上下文設置。適用於開始新會話、代理輸出品質下降、切換任務時，或需要為專案配置規則檔案與上下文時使用。

優化核心網頁指標（LCP、INP、CLS）以提升頁面體驗與搜尋排名。當被要求「改善 Core Web Vitals」、「修正 LCP」、「減少 CLS」、「優化 INP」、「頁面體驗優化」或「修正版面位移」時使用。

引導系統性的根本原因除錯。當測試失敗、建置中斷、行為不符合預期，或遇到任何非預期錯誤時使用。當你需要系統性的方法來找出並修復根本原因，而非胡亂猜測時使用。

管理棄用與遷移。用於移除舊系統、API或功能時。用於將使用者從一個實作遷移至另一個時。用於決定是否維護或終止現有程式碼時。

記錄決策與文件。在進行架構決策、變更公開 API、推出功能，或需要記錄未來工程師與代理理解程式碼庫所需的背景資訊時使用。

在每個非瑣碎的決策定案前，先以全新脈絡的對抗式審查加以檢驗。適用於正確性比速度更重要的情況、處理不熟悉的程式碼時、風險較高的場景（如生產環境、安全敏感邏輯、不可逆操作），或任何時候，與其日後除錯，不如現在花費較低成本驗證一個有把握的輸出。

建立生產級、可存取、響應式的使用者介面。適用於建置或修改介面與頁面、建立元件、實作版面配置、滿足 WCAG 無障礙需求、管理狀態，或當輸出需要呈現生產級品質而非 AI 生成感時使用。

結構化 git 工作流程實務。在進行任何程式碼變更時使用。在提交、分支、解決衝突，或需要跨多個平行串流組織工作時使用。在進行版本發布、選擇語意化版本升級、標記標籤或撰寫變更日誌時使用。

透過結構化的發散與收斂思考，將原始想法提煉為清晰、可執行的概念。當想法仍模糊不清時、需要在確定計劃前壓力測試假設時，或想在聚焦於單一選項前擴展更多可能性時使用。觸發詞為「構思」、「完善這個想法」或「壓力測試我的計劃」。

逐步交付變更。在實作任何涉及多個檔案的變更或功能時使用。當你即將一次撰寫大量程式碼，或任務感覺過於龐大無法一次完成時使用。

提取使用者真正想要的，而非他們自認為應該想要的。透過一次一題的訪談逐步達成，直到對潛在意圖有約95%的信心。適用於需求不明確的情況（例如「幫我建X」但未說明「給誰用」或「為何現在做」）、使用者明確要求（如「訪談我」、「拷問我」、「我們確定嗎？」、「壓力測試我的想法」），或當你發現自己在任何計畫、規格或程式碼存在前，就默默填補模糊需求時使用。

對程式碼進行儀器化，使生產環境的行為可觀察且可診斷。在添加日誌、指標、追蹤或警報時使用。在部署任何運行於生產環境的功能，且需要證據證明其正常運作時使用。在收到生產問題回報，但無法從現有資料判斷發生什麼情況時使用。

優化網頁效能以加快載入速度並提升使用者體驗。當被要求「加快網站速度」、「優化效能」、「減少載入時間」、「解決載入緩慢」、「改善頁面速度」或「效能審核」時使用。

優化應用程式在前端、後端、查詢與資料庫的效能。適用於存在效能需求時、懷疑有效能衰退時、需要改善Core Web Vitals或載入時間時、需要修正N+1查詢模式時，或效能分析顯示瓶頸時。

將工作分解為有序的任務。當您有規格或明確需求，且需要將工作分解為可執行的任務時使用。當任務感覺過於龐大而難以開始、需要估算範圍，或可以平行進行工作時使用。

強化程式碼以抵禦漏洞。適用於處理使用者輸入、驗證、資料儲存或外部整合時。適用於建構任何接受不可信資料、管理使用者工作階段或與第三方服務互動的功能。

針對搜尋引擎能見度與排名進行優化。適用於被要求「改善SEO」、「針對搜尋優化」、「修正中繼標籤」、「加入結構化資料」、「網站地圖優化」或「搜尋引擎優化」時使用。

準備生產環境的上線作業。在準備部署到正式環境時使用。當需要上線前檢查清單、設定監控、規劃分階段發布，或需要回退策略時使用。

將每個實作決策建立在官方文件之上。當你需要權威且附有來源引用的程式碼，避免使用過時模式時使用。當你使用任何重視正確性的框架或函式庫進行開發時使用。

在編寫程式碼之前先建立規格。適用於啟動新專案、功能或重大變更，且尚無規格時。當需求不明確、模糊不清，或僅以模糊概念存在時使用。

以測試驅動開發。在實作任何邏輯、修復任何錯誤或變更任何行為時使用。當需要證明程式碼能正常運作、收到錯誤回報，或即將修改現有功能時使用。

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

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