Agent Skills Hub

css-modules

基於 Lightning CSS 或 PostCSS 的 CSS Modules 元件封裝策略，包含 TypeScript 整合與 Vite 設定。

tooling-setup

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

tpmjs-tool-creator

使用 blocks CLI、AI SDK v6 與 npm 註冊表模式建立及發佈 TPMJS 工具的開發指南。

spec-to-code-compliance

驗證區塊鏈智能合約代碼與技術規範、白皮書及設計文件的對應性，確保實作與規格完全一致。

frontend-design-pro

打造價值 $50,000 美元級別的專業前端介面，提供生產級程式碼、精選排版與高品質影像素材整合。

fullstack-workflow

Next.js 全端開發標準流程，整合 GET API 路由、伺服器動作 (Server Actions)、SWR 資料獲取，以及使用 Zod 驗證的 React Hook Form 表單處理。

eslint-checker

自動化 ESLint 執行工具，用於 JavaScript 與 TypeScript 專案的靜態程式碼分析、品質規範檢查與安全自動修復。

create-evlog-framework-integration

添加 evlog 框架整合：透過標準化中介軟體、建構配置、測試與文檔，實現全端自動化廣域事件日誌記錄。

rivetkit-client-javascript

RivetKit JavaScript 客戶端開發指南，支援瀏覽器、Node.js 與 Bun。涵蓋 Rivet Actor 連線管理、狀態同步、RPC 動作執行與事件訂閱。

react-patterns

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

svelte-testing

Svelte 5 測試專家，運用 vitest-browser-svelte 與 Playwright。提供單元測試、SSR 與 E2E 測試模式，並附帶供 AI 助手使用的 CLI 工具以檢索測試範例。

design-system-patterns

掌握設計系統架構：實作設計標記 (design tokens)、多品牌主題、組件庫以及自動化設計轉程式碼流程，建立可擴展的 UI 基礎。