Agent Skills Hub

tailwind-design-system

利用 Tailwind CSS v4 建構可擴展的設計系統，包含 CSS 優先配置、設計標記、元件變體與響應式模式。

design-system-implementation

強制執行 UI 嚴格遵守專案設計系統的標記、元件與版面配置規範，以確保前端開發的一致性。

api-spec-analyzer

分析 OpenAPI 規範以產生 TypeScript 介面、API 服務模式及實作指南，協助前端開發人員進行後端整合。

nextjs-app-router

Next.js 13+ App Router 開發專家，支援 Server Components、巢狀佈局、Suspense 串流傳輸以及進階數據獲取模式的應用開發。

static-site-generation

用於管理靜態網站生成器 (SSG) 專案的框架，涵蓋 Astro、建置優化、GitHub Pages 部署模式以及型別安全的內容集合架構。

i18n-expert

自動化 React/TS 程式碼庫的 i18n 設定、字串提取與本地化對齊稽核。提供框架感知配置、自動化稽核腳本與安全的字串替換，確保無縫的本地化流程。

pellicule

Pellicule 是一個 Vue 原生的程式化影片生成庫，讓您能夠直接從 Vue 組件渲染出確定性的影片、動畫與動態圖形。

react-patterns

實現 React 19 模式：React Compiler、Server Actions、表單與新 hook（如 'use'）。指導在 Actions 與 TanStack Query 之間進行變更處理的決策。

acceptance-testing

規劃、執行使用者驗收測試 (UAT) 與端對端情境，驗證需求是否符合使用者可見的行為表現。

my-openlayer-helper

使用 my-openlayer 函式庫初始化 OpenLayers 地圖、管理圖層，並渲染點、線、面及動畫標記等地理特徵。

project-guidelines-example

專案專屬的架構指南模板，提供生產級 AI 應用程式的標準化結構、代碼模式、測試要求及部署工作流程。

react-native-state

精通 React Native 狀態管理，涵蓋 Redux Toolkit、Zustand、TanStack Query 及 AsyncStorage 資料持久化。