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.
Looking for data visualization workflows? These agent skills help developers automate setup, coding, and delivery tasks.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
28 skills found
A suite for building complex, multi-component React/Tailwind/shadcn/ui artifacts for Claude.ai, featuring automated bundling into single, self-contained HTML files.
Build responsive React dashboards using TypeScript, shadcn/ui, TanStack Query, and Supabase. Ideal for creating KPI cards, data tables, charts with Recharts, and admin interfaces for event-studio.
AI-powered PowerPoint presentation reviewer using top-tier consulting standards (McKinsey, BCG) for structure, storytelling, clarity, design, and DSFR compliance.
Build performant Three.js web scenes using modern ES modules. Includes scene graph setup, lighting, geometries, GLTF/GLB loading, animation loops, and performance optimization best practices.
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 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 Specialist for EDA, statistical modeling, SQL queries, and Python-based visualization. Turn raw datasets into actionable insights through rigorous quantitative methods.
A specialized tool for generating single-file HTML user interfaces with integrated Tailwind CSS, perfect for rapid prototyping, UI exploration, and design inspiration.
Design world-class PowerPoint presentations with professional branding, consistent typography, and sophisticated animations. Ideal for pitches, keynotes, and business reports.
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.
Generate and edit images, diagrams, and infographics using Google's Gemini 3 Pro model. Supports text-to-image, style transformation, and data-accurate visual creation.
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.