Agent Skills Hub

migrate-to-vinext

Next.js 專案自動化遷移工具，將其轉換為 vinext（基於 Vite 的 Next.js 實作），包含相容性掃描、依賴項替換與設定檔產生。

react-vite-best-practices

React 與 Vite 效能最佳化指南。適用於編寫、審查或優化基於 Vite 構建的 React 元件。

webf-quickstart

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

tanstack-router

TanStack Router 設定、檔案系統路由與 React 應用程式的型別安全導航。

vitest

Vitest 測試模式，提供可靠的單元與整合測試架構。專注於關鍵業務邏輯、邊際案例與高效的 Mocking 策略，確保核心程式碼的穩定性。

airiot-frontend

官方 AIRIOT 開發套件，用於構建基於 React、TypeScript 與 shadcn/ui 的應用程式，並整合即時平台功能。

vertesia-plugin

用於構建 Vertesia 插件的框架，具備工具服務器與 UI 雙架構，支持熱模組替換 (HMR)、構建工具及資產管理。

dev-checker

用於提交前與部署前檢查的自動化代碼品質驗證工具，涵蓋 TypeScript、建置與 lint 檢查。

create-mcp-app

為 Claude Desktop 等 MCP 主機建立互動式應用程式。提供 React、原生 JS 及多種框架模板，協助您開發整合 MCP 工具與自訂 UI 的應用程式。

javascript-typescript

專為現代 Web 應用程式設計的進階 TypeScript 與 React 開發助手。精通元件架構、狀態管理、Vitest 單元測試、Playwright 端對端自動化以及高效的 TypeScript 配置。

performance-security

優化 React 效能、實施安全性加固，並透過自動化模式與檢查清單確保符合 WCAG 無障礙規範。

tooling-setup

為 React 19 專案提供的生產級開發環境配置，包含 Vite、TypeScript、Biome 及 Vitest，提供嚴格的類型檢查、程式碼規範、格式化與測試基礎設施。