Agent Skills Hub

state-management

前端狀態管理指南，涵蓋 Zustand/Pinia 全域儲存、TanStack Query 伺服器狀態以及 URL 狀態處理。

webf-quickstart

開始使用 WebF 開發：設定 WebF Go、初始化基於 Vite 的網頁專案（React/Vue/Svelte），並在符合 W3C 標準的原生執行環境中預覽應用程式。

vue-typescript

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

frontend-design-review

評估、審核並構建具有高品質設計、符合無障礙標準及設計系統規範的生產級前端介面。

pinia

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

icon-set-generator

為網站和應用程式生成具備一致視覺風格、線條粗細與密度的專業 SVG 圖示集，打造獨特的品牌 UI 識別。

roier-seo

AI 技術 SEO 稽核工具，執行 Lighthouse/PageSpeed 評測並自動修復網站效能、無障礙網頁與結構化資料等程式碼問題。

testing-frontend

自動化前端組件測試、使用者互動模擬、API 模擬，以及設置 Vitest、React Testing Library 與 Vue Test Utils。

ui-ux-pro-max

適用於網頁與行動裝置的專業 UI/UX 設計指南。包含 50 多種風格、99 項 UX 指引及 97 種配色方案。支援 React、Vue、Next.js 等多種技術堆疊的設計建議。

web-component-design

掌握 React、Vue 和 Svelte 的組件驅動開發。學習進階組合模式、CSS-in-JS 策略及用於可擴展 UI 設計系統的組件 API 設計。

frontend-design

構建具有獨特風格、生產級品質的前端介面與網頁元件，強調高美學品質，並避免通用的人工智慧設計模式。