Agent Skills Hub

Building Frontend Dashboards

使用 TypeScript、shadcn/ui、TanStack Query 和 Supabase 建構響應式 React 儀表板。適用於製作 KPI 卡片、數據表格、Recharts 圖表及 event-studio 管理後台。

go-api

建立生產級 Go API 服務，包含可觀測性、本地開發環境與整潔架構的樣板程式碼。

beads-integration

為 Claude Code 提供基於 Beads 的持久化任務記憶與工作流程同步，實現跨會話專案管理與上下文保留。

htmx-rust

使用 Rust、Axum 與 HTMX 構建互動式超媒體網頁應用程式，無需複雜的 JavaScript 框架即可實現動態與即時 UI 更新。

ui-styling

使用 shadcn/ui 與 Tailwind CSS 建構可存取且一致的使用者介面。採用組件優先架構以建立設計系統、整合 React Hook Form，並實踐響應式行動優先開發。

explaining-code

使用視覺化圖表、生活比喻、逐步導覽與常見陷阱來解釋程式碼。

property-based-testing

為軟體和智慧合約提供屬性基礎測試 (PBT) 的自動化指導，以提升測試覆蓋率並強化邊緣案例偵測。

django-celery-expert

Django Celery 非同步任務處理專家指南。提供任務設計、工作節點配置、錯誤處理、定期任務與生產環境監控的最佳實踐。

build-design-system

使用 Design Graph 方法論構建連貫且基於約束的設計系統。自動化設計令牌、排版比例、元件、變體及主題的創建過程。

web-component-design

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

springboot-tdd

Spring Boot 應用程式的測試驅動開發 (TDD) 工作流程，支援 JUnit 5、Mockito、MockMvc 與 Testcontainers。

testing-strategies

實作強大的軟體測試策略，涵蓋單元測試、整合測試與端對端 (E2E) 測試，並提供模擬框架 (Mocking)、TDD 模式與各類技術堆疊的最佳實踐，確保高品質且可靠的程式碼。