Agent Skills Hub

frontend-design

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

testing-frontend

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

frontend-design-review

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

Parallel Routes Generator

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

claude-code-web-cli

使用 Clerk 的無頭 UI 原件（Headless UI Primitives）為 Next.js 應用程式構建完全自定義的身份驗證介面。

frontend-ui-animator

為 Next.js、Tailwind CSS 和 React 應用程式分析並實作實用且具目的性的 UI 動畫，重點在於使用者體驗、效能與無障礙設計。

vercel-react-native-skills

React Native 和 Expo 效能優化最佳實踐。涵蓋列表虛擬化、Reanimated 動畫、UI 模式以及原生平台 API 優化。

table-filters

為資料表格設計並實作專業、互動式的篩選使用者介面，並能根據欄位資料類型自動調整。

zed-config

Zed 編輯器配置專家，協助處理設定檔、鍵盤映射、任務、AI Agent 設定及語言伺服器配置。

ui-implementer

根據 Figma 或設計稿實作 UI 組件，提供像素級精確度、智慧設計驗證與自適應代理切換功能。

vertesia-plugin

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

document-writer

Nuxt 生態系統專用的技術文件寫作助手，提供寫作風格指南、MDC 組件使用模式與技術部落格結構規範。