Agent Skills Hub

frontend

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

widget-tester

「Raamattu Nyt」嵌入式聖經小工具測試專家，專門用於驗證嵌入 API 回應、測試引用格式、除錯音訊整合與生成回歸測試頁面。

react-doctor

分析並審核 React 專案的安全性、效能、正確性與架構問題，並提供可執行的診斷報告與評分。

tanstack-integration-best-practices

TanStack Query、Router 與 Start 的整合模式與最佳實踐。確保全端資料流的類型安全、高效的 SSR 與統一的快取機制。

react-patterns

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

tanstack-query

TanStack Query v5 專業狀態管理模式，涵蓋查詢鍵工廠、資料變異、快取策略及 SSR 配置，適用於各類伺服器狀態管理任務。

threejs-builder

使用現代 ES 模組構建高性能 Three.js 網頁場景。涵蓋場景圖設置、燈光、幾何體、GLTF/GLB 模型載入、動畫循環以及效能優化最佳實踐。

interaction-design

設計並實作微互動、動態設計與轉場效果。用於提升 UI 精緻度、實現載入狀態，並創造直觀、令人愉悅的用戶反饋體驗。

core-principles

React 19 單頁應用開發的架構治理與專案標準，確保技術堆疊整合、專案結構與代理執行規則的一致性。

typescript-circular-dependency

偵測並解決 TypeScript/JavaScript 循環引用依賴。解決執行時錯誤，如「初始化前無法存取 X」以及因模組載入順序導致的 undefined 導入問題。

gea

管理、執行並更新 Gea 框架的 JS 框架基準測試，包含報告生成、HTML 結果刷新與效能比較。

threejs-animation

Three.js 動畫系統：包含關鍵幀動畫、骨骼動畫、變形目標與動畫混合，適用於程序化運動、GLTF 模型播放與複雜角色動畫融合。