Agent Skills Hub

css-modules

基於 Lightning CSS 或 PostCSS 的 CSS Modules 元件封裝策略，包含 TypeScript 整合與 Vite 設定。

interaction-design

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

PRISM.unified

適用於 M5Stack Tab5 的 UI 元件模式與觸控輸入處理，支援 M5GFX 與 LVGL 開發。

ui-mockup

音訊插件 WebView UI 設計協調器，處理迭代式原型製作及 JUCE 插件的生產級程式碼腳手架生成。

react-typescript

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

Parallel Routes Generator

實作 Next.js Parallel Routes 模態視窗以消除版面位移 (layout shifts)。適用於對話框、模態視窗與攔截路由 (intercepted routes)。

mobile-ios-design

精通 iOS 人機介面準則 (HIG) 與 SwiftUI。提供原生 iOS 應用程式開發、介面設計、SwiftUI 元件實作與 Apple 平台設計原則的專業指導。

web-design-guidelines

審查 UI 代碼以符合 Web 介面準則。自動檢查可訪問性、設計標準及 UX 最佳實踐。

server-actions

Next.js Server Actions 專家技能，涵蓋 App Router 中的表單處理、資料變更、重新驗證以及樂觀 UI 更新。

swift-ui

適用於原生 iOS 與 macOS 開發的 SwiftUI 架構與實作模式，專注於狀態管理、視圖組合與數據持久化。

flutter-errors

診斷並解決常見的 Flutter 運行時與佈局錯誤，包括 RenderFlex 溢出、無界約束以及狀態管理問題。

react-email

使用 React 元件構建並發送響應式 HTML 電子郵件模板。提供視覺化編輯器、渲染引擎，並與各大電子郵件客戶端兼容。