Agent Skills Hub

interaction-design

設計並實作微互動、動態設計與轉場效果。用於提升 UI 精緻度、實現載入狀態，並創造直觀、令人愉悅的用戶反饋體驗。

senior-frontend-engineer-react

企業級 React CRUD 開發技能，專注於 React 16.14 與 DVA 2.x。提供自動化列表頁生成、表單管理與 API 服務層整合。

htmx-rust

使用 Rust、Axum 與 HTMX 構建互動式超媒體網頁應用程式，無需複雜的 JavaScript 框架即可實現動態與即時 UI 更新。

visual-design-foundations

建立一致的視覺系統，包含設計代幣、模組化排版系統、8點間距網格及無障礙色彩規範，以提升 UI 開發的一致性。

lint-fix

使用 Trunk 進行 linting、格式化與迭代式錯誤修復的自動化程式碼維護流程。

design-references

提供 UI 審閱的預定義設計系統參考，涵蓋 Material Design 3、Apple HIG、Tailwind UI、Ant Design 及 Shadcn/ui 等。

ui-styling

使用 shadcn/ui 與 Tailwind CSS 建構可存取且一致的使用者介面。採用組件優先架構以建立設計系統、整合 React Hook Form，並實踐響應式行動優先開發。

agents-md-generator

為 AI 編碼代理生成分層且節省 token 的 AGENTS.md 檔案，提供全庫上下文與專案特定指南。

design-system-patterns

掌握設計系統架構：實作設計標記 (design tokens)、多品牌主題、組件庫以及自動化設計轉程式碼流程，建立可擴展的 UI 基礎。

react-typescript

包含 React 19 與 TypeScript 的生產級開發模式，涵蓋 Hooks、狀態管理、TanStack Query、Zod 表單驗證及效能優化工作流程。

crowi-migration

從舊版 Crowi (Express/Swig) 遷移至現代架構 (Next.js 16/Fastify/ts-rest) 的自動化遷移工作流程。

summon

Summon 框架專家：協助 Kotlin Multiplatform UI 開發，提供類型安全的修飾符、狀態管理、路由與 SSR，適用於網頁與 JVM 應用程式。