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 自动为 Web 应用程序生成高质量、HiDPI 的营销截图。

personal-finance

通过本地 SQLite 管理个人财务，支持支出分类、预算设置，以及定期账单与年度费用的自动提醒功能。

metrics-dashboard

设计完整产品指标仪表板，定义关键绩效指标 (KPI)，并建立包含数据可视化、警示阈值与架构整合的监控计划。

threejs-animation

Three.js 动画系统：包含关键帧动画、骨骼动画、变形目标与动画混合，适用于程序化运动、GLTF 模型播放与复杂角色动画融合。