Agent Skills Hub

artifacts-builder

A suite for building complex, multi-component React/Tailwind/shadcn/ui artifacts for Claude.ai, featuring automated bundling into single, self-contained HTML files.

agent-canvas

Orchestrate visual communication by drawing diagrams, flowcharts, and annotations on a TLDraw canvas via CLI. Ideal for architectural planning, PR reviews, and logging agent output.

pellicule

Pellicule is a Vue-native library for programmatic video generation, allowing you to render deterministic videos, animations, and motion graphics directly from Vue components.

data-analysis

Data Analysis Specialist for EDA, statistical modeling, SQL queries, and Python-based visualization. Turn raw datasets into actionable insights through rigorous quantitative methods.

ui-design

A specialized tool for generating single-file HTML user interfaces with integrated Tailwind CSS, perfect for rapid prototyping, UI exploration, and design inspiration.

d3js-data-visualization

Create interactive, custom data visualizations using d3.js — including charts, graphs, and network diagrams. Ideal for when you need fine-grained control over visual elements, transitions, and interactions.

create-mcp-app

Scaffold and build interactive MCP Apps with custom UIs for hosts like Claude Desktop. Supports React, Vanilla JS, and various framework templates for tool-resource integration.

webgl-expert

Expert guide for WebGL 1.0/2.0 development: shaders (GLSL), 3D graphics, GPU programming, rendering pipelines, buffers, and performance optimization for web canvas.

screenshots

Automate the generation of high-quality, HiDPI marketing screenshots for web applications using Playwright.

personal-finance

Manage personal finances with local SQLite tracking, expense categorization, budget setting, and automated reminders for recurring bills and annual expenses.

metrics-dashboard

Design comprehensive product metric dashboards, define KPIs, and establish monitoring plans with data-driven visualization, alert thresholds, and framework integration.

threejs-animation

Three.js animation systems: keyframe animation, skeletal animation, morph targets, and animation mixing for procedural motion, GLTF playback, and complex character blending.