design-excellence
一套設計系統與反模式指南,讓 AI 生成的介面更具人工質感。透過管理色彩、排版、間距與動畫,為 Toh Framework 提供專業的視覺品質。
探索可重用的代理技能,查看實作細節,快速找到適合你工作流程的技能。
共找到 230 個技能
一套設計系統與反模式指南,讓 AI 生成的介面更具人工質感。透過管理色彩、排版、間距與動畫,為 Toh Framework 提供專業的視覺品質。
使用 React Router 的資料模式 (data mode) 開發 React 應用程式,包含 createBrowserRouter、路由器 (RouterProvider)、loaders、actions、fetchers 與樂觀 UI 更新。
實作強健的後端錯誤處理機制,包含自訂錯誤類別、中間件、結構化日誌以及復原模式。
專為 AI 代理設計的終端瀏覽器自動化工具,透過 Chrome DevTools Protocol 提供對瀏覽器導航、DOM 操作、網頁爬取及網路監控的持久性直接控制。
專業的 DOCX 文件處理工具,支援精準的版面配置、編輯與創建。內建自動化視覺渲染檢查,確保輸出文件格式與排版專業。
為程式開發過程維護詳細的步驟實作日記,並整合 docmgr 以追蹤變更、設計決策、執行指令及錯誤記錄。
使用 justfiles 標準化儲存庫指令。定義、組織並記錄跨平台的開發流程、別名與自動化任務,為儲存庫操作建立唯一的真實來源。
自動化生成 Spring Boot REST 控制器的 .http 請求檔案,簡化 API 文件編寫與測試流程。
Next.js Server Actions 專家技能,涵蓋 App Router 中的表單處理、資料變更、重新驗證以及樂觀 UI 更新。
自動化 React/TS 程式碼庫的 i18n 設定、字串提取與本地化對齊稽核。提供框架感知配置、自動化稽核腳本與安全的字串替換,確保無縫的本地化流程。
NestJS 11+ 企業級 Node.js 開發專家,涵蓋依賴注入、DTO 驗證、身份驗證、ORM、測試、微服務及架構最佳實踐。
產生 UI 元件、Hero 區塊與回饋表單。整合無障礙檢查清單與專業設計參考,確保開發品質。