Agent Skills Hub

build-design-system

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

design-system-patterns

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

code-documentation

標準化程式碼文件：自動化編寫 README、API 參考文件、JSDoc/TSDoc 與架構決策記錄 (ADRs)，以維持清晰且專業的技術指南。

context-cascade

為 Claude Code 設計的巢狀插件架構，透過動態載入 Playbooks、Skills 與 Agents，有效節省超過 90% 的上下文標記空間。

Building Frontend Dashboards

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

server-components

Next.js React Server Components (RSC) 指南，涵蓋伺服器與客戶端組件邊界、數據獲取及組合模式。

auto-skill-generator

研究技術文件並自動生成可直接使用的 Markdown 格式軟體代理技能。

tamagui-best-practices

Tamagui 函式庫架構、設定、編譯器優化與元件模式的最佳實踐。

frontend

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

ui-styling

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

french-claude

專注於設計的程式設計代理，為您的開發工作流程帶來世界級的介面工藝、動態設計與系統化前端工程。

mobile-android-design

掌握 Material Design 3 與 Jetpack Compose 進行原生 Android 介面開發。利用 Google 最新標準構建響應式且無障礙的應用程式介面。