Agent Skills Hub

artifacts-builder

一套用於為 Claude.ai 建構複雜多組件 React/Tailwind/shadcn/ui 產物的工具，具備將專案自動打包成單一 HTML 檔案的功能。

Building Frontend Dashboards

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

presentation-reviewer

基於頂尖諮詢標準（McKinsey, BCG）的 PowerPoint 簡報審閱工具，支援邏輯架構、敘事、清晰度、設計與 DSFR 合規性分析。

threejs-builder

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

agent-canvas

透過 CLI 在 TLDraw 畫布上繪製圖表、流程圖與註解。適用於架構規劃、程式碼審查與代理程式執行紀錄視覺化。

pellicule

Pellicule 是一個 Vue 原生的程式化影片生成庫，讓您能夠直接從 Vue 組件渲染出確定性的影片、動畫與動態圖形。

data-analysis

資料分析專員：進行探索性資料分析、統計建模、SQL 查詢與 Python 資料視覺化，透過嚴謹的量化方法將原始數據轉化為可操作的洞察。

ui-design

一個專門用於生成單文件 HTML 使用者介面的工具，內建 Tailwind CSS，非常適合快速原型製作、UI 探索和設計靈感參考。

elite-powerpoint-designer

設計世界級的 PowerPoint 簡報，具備專業品牌風格、一致的排版與精緻的轉場動畫。適用於提案、演講與商業報告。

d3js-data-visualization

使用 d3.js 建立互動式自訂資料視覺化，包含圖表、圖形與網路拓樸。適用於需要精細控制視覺元素、轉場動畫與互動行為的場景。

nano-banana-pro

使用 Google Gemini 3 Pro 模型生成與編輯圖像、圖表和資訊圖表。支援文字轉圖像、風格轉換及數據準確的視覺化創作。

create-mcp-app

為 Claude Desktop 等 MCP 主機建立互動式應用程式。提供 React、原生 JS 及多種框架模板，協助您開發整合 MCP 工具與自訂 UI 的應用程式。