design-excellence
一套設計系統與反模式指南,讓 AI 生成的介面更具人工質感。透過管理色彩、排版、間距與動畫,為 Toh Framework 提供專業的視覺品質。
探索可重用的代理技能,查看實作細節,快速找到適合你工作流程的技能。
共找到 122 個技能
一套設計系統與反模式指南,讓 AI 生成的介面更具人工質感。透過管理色彩、排版、間距與動畫,為 Toh Framework 提供專業的視覺品質。
一個專門用於生成單文件 HTML 使用者介面的工具,內建 Tailwind CSS,非常適合快速原型製作、UI 探索和設計靈感參考。
Tamagui 函式庫架構、設定、編譯器優化與元件模式的最佳實踐。
優化 React 效能、實施安全性加固,並透過自動化模式與檢查清單確保符合 WCAG 無障礙規範。
分析並審核 React 專案的安全性、效能、正確性與架構問題,並提供可執行的診斷報告與評分。
精通 Slidev 中的 v-click、v-after 和 motion 指令,以實現漸進式內容揭露、互動式圖表及複雜的簡報動畫效果。
前端狀態管理指南,涵蓋 Zustand/Pinia 全域儲存、TanStack Query 伺服器狀態以及 URL 狀態處理。
官方 AIRIOT 開發套件,用於構建基於 React、TypeScript 與 shadcn/ui 的應用程式,並整合即時平台功能。
Pellicule 是一個 Vue 原生的程式化影片生成庫,讓您能夠直接從 Vue 組件渲染出確定性的影片、動畫與動態圖形。
使用 Better Auth 在 TypeScript/JavaScript 應用程式中構建與實作身份驗證。自動偵測框架、配置資料庫介面卡、設定路由處理常式、加入 OAuth 提供者並建立 UI 頁面。
評估、審核並構建具有高品質設計、符合無障礙標準及設計系統規範的生產級前端介面。
自動化設定 Fumadocs 的國際化 (i18n)。包含 Next.js 多語言路由、語言切換器、側邊欄篩選及內容結構配置。