Agent Skills Hub

vue-typescript

專為使用 TypeScript 構建 Vue 3 應用程式所設計的技能，涵蓋組合式 API (Composition API)、Pinia 狀態管理、Vue Router 以及自定義組合式函式 (Composables)。

pellicule

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

slidev-click-animations

精通 Slidev 中的 v-click、v-after 和 motion 指令，以實現漸進式內容揭露、互動式圖表及複雜的簡報動畫效果。

pinia

Pinia 官方 Vue 狀態管理技能。提供關於 Store 定義、響應式處理、型別安全及 Store 間通訊的專業指導。

my-openlayer-helper

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

nuxt

Nuxt 框架決策輔助層，用於優化專案開發，引導至正確的 Nuxt 套件、Vue 指南或模組特定邏輯。

livewire-development

開發反應式 Livewire 4 組件，處理 wire 指令、狀態管理、即時更新、組件測試，並整合 Flux UI 以構建高效能 Laravel 應用程式。

api-integration

使用 Apidog 與 MCP 伺服器自動化前端 API 整合。從 OpenAPI 規格生成 TypeScript 型別、TanStack Query 鉤子與基於 axios 的客戶端，確保 API 使用的一致性與型別安全。

d3js-data-visualization

使用 d3.js 建立互動式自訂資料視覺化，包含圖表、圖形與網路拓樸。適用於需要精細控制視覺元素、轉場動畫與互動行為的場景。

react-ui-patterns

標準化的 React UI 模式，用於處理載入狀態、錯誤處理與資料擷取，確保一致的使用者體驗與穩固的元件架構。

web-frameworks

全端網頁開發套件，整合 Next.js (SSR/RSC/App Router)、Turborepo 單體庫管理及 RemixIcon 圖示庫。專為現代 React 開發、高效能構建與可擴展架構設計。

frontend

Preact 與 Tailwind 的前端編碼規範。適用於叢集應用程式的網頁 UI 元件開發。