Agent Skills Hub

artifacts-builder

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

agent-canvas

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

pellicule

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

data-analysis

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

ui-design

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

d3js-data-visualization

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

create-mcp-app

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

webgl-expert

WebGL 1.0/2.0 開發專家指南：涵蓋 GLSL 著色器、3D 圖形、GPU 編程、渲染管線、緩衝區及 Web Canvas 效能優化。

screenshots

使用 Playwright 自動為網頁應用程式生成高品質、HiDPI 的行銷截圖。

personal-finance

透過本地 SQLite 管理個人財務，包含支出分類、預算設定，以及定期帳單與年度費用的自動提醒功能。

metrics-dashboard

設計完整產品指標儀表板，定義關鍵績效指標 (KPI)，並建立包含資料視覺化、警示閾值與架構整合的監控計畫。

threejs-animation

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