Animation & motion expertise across four domains: UI motion, creative/generative, 3D animation, and programmatic video. Backed by 21 reference source repos and specialized agents grounded in real implementations.
Add purposeful animation to a component with accessibility awareness.
Build a programmatic video composition.
Build a generative or interactive animation piece.
Map the existing animation stack in a project.
End-of-session learning. Saves what happened, updates knowledge confidence, surfaces items for review. Run this when your work session is complete.
Three.js and React Three Fiber animation specialist. Use for: animating 3D scenes, implementing AnimationMixer playback, useFrame animation loops, morph targets, instanced mesh animation, and R3F integration patterns. Routes to camera-choreographer for camera-specific work.
Animation accessibility auditor. Use after implementing any animation to verify prefers-reduced-motion compliance, vestibular safety, and graceful degradation. Also use proactively when planning animation for accessibility-critical interfaces.
3D camera path and choreography specialist. Use when implementing camera animations in Three.js/R3F: orbit controls, scroll-driven camera paths, GSAP-scrubbed camera, cinematic sequences, camera transitions between viewpoints, or first-person navigation.
Creative coding and generative animation specialist. Use for: p5.js sketches, PixiJS sprite animation, particle systems, flow fields, generative patterns, interactive canvas experiences, and SVG animation.
Gesture interaction specialist. Use when implementing drag, swipe, pinch, long-press, or other gesture-driven animations. Covers Motion gesture system, drag constraints, swipe-to-dismiss, and drag-to-reorder patterns.
This skill should be used when the user asks to "animate a 3D scene", "add Three.js animation", "animate with R3F", "implement useFrame animation", "play a GLTF animation", "add morph targets", "animate instanced meshes", "create a camera path", "add scroll-driven camera", "implement shader animation", "add 3D physics", "build a 3D data visualization", "convert to 3D", "make this 3D", "add depth to this visualization", or mentions Three.js, React Three Fiber, R3F, Drei, AnimationMixer, KeyframeTrack, Theatre.js, Rapier 3D, WebGL, GLSL, useFrame, or shader uniforms. Covers WebGL scene animation, camera choreography, physics-driven 3D, instanced animation, and D3+Three.js hybrid pipelines.
This skill should be used when the user asks to "create generative art", "build a particle system", "make a flow field", "create an interactive canvas", "add canvas animation", "build a physics simulation", "animate SVG strokes", "create a creative coding piece", "add D3 transitions", "build a data-viz animation", "animate sprites", or mentions p5.js, PixiJS, Matter.js, Vivus, d3-transition, d3-ease, requestAnimationFrame, canvas animation, WebGL 2D, tween.js, or easing functions. Covers generative art, interactive canvas experiences, particle systems, physics simulation, SVG animation, and D3 data transitions.
This skill should be used when the user asks to "add animation to a component", "animate a list", "add a page transition", "make this drawer smoother", "add enter/exit animation", "implement spring physics", "add scroll animation", "add parallax", "animate on scroll", "add a gesture", "drag animation", "swipe interaction", "add micro-interactions", "tune spring parameters", "add hover animation", "animate a modal", "add Lottie animation", or mentions Motion, framer-motion, react-spring, AnimatePresence, useSpring, locomotive-scroll, anime.js, auto-animate, or Lottie. Covers UI transitions, gestures, scroll-driven animation, spring physics, enter/exit patterns, and accessibility compliance.
This skill should be used when the user asks to "create a programmatic video", "build a video composition", "make an explainer animation", "compose a video with code", "render a video", "add audio sync", "build a motion graphics piece", "animate for video export", "create a Remotion composition", "build a Motion Canvas scene", or mentions Remotion, Motion Canvas, useCurrentFrame, interpolate, Sequence, Composition, programmatic video, video rendering, frame-based animation, Theatre.js for video, or export pipeline. Covers programmatic video composition, frame-based rendering, audio synchronization, and export pipelines.
Uses power tools
Uses Bash, Write, or Edit tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Most Claude Code plugins give you a set of slash commands and some domain knowledge. These plugins do something different: they learn.
Each plugin in this repo is a domain-specialized engineering intelligence that accumulates knowledge across sessions, grounds itself in real library source code (not training data), and coordinates with a companion chat skill on Claude.ai. The plugin implements. The chat skill plans. Over time, the plugin gets better at its job because it tracks what works, what doesn't, and what it's still uncertain about.
This is the two-surface architecture: one surface for thinking, one for building.
A typical plugin contains four layers:
Specialist agents and slash commands. Each plugin ships with 3 to 7 agents that handle specific subtasks. UI-Design-Pro has a design critic, a component builder, an accessibility auditor, an animation engineer, and a visual architect. Django-Engine-Pro has agents for model design, ORM optimization, migration planning, and MCP server exposure. Agents compose in defined sequences: you always run the stack detector before the component builder, always run the design critic after.
Source-code references. Plugins include install.sh scripts that shallow-clone real library repos into a local refs/ directory. When UI-Design-Pro needs to know how Radix handles focus restoration, it greps the actual Radix source, not its training data. When D3-Pro needs to verify a scale constructor's API, it reads the Observable source directly. This matters because training data goes stale. Source code doesn't.
Skills and decision frameworks. Static knowledge: inheritance decision tables, ORM anti-pattern catalogs, polymorphic rendering rules, animation physics constants. These encode the expert judgment that doesn't change between sessions.
An epistemic knowledge layer. This is the part that learns. Each plugin maintains a knowledge/ directory containing typed claims in JSONL, confidence scores, session logs, and (for some plugins) SBERT embeddings. Claims start as drafts. After review, they become active. Active claims carry Bayesian confidence that updates based on session outcomes: when a suggestion informed by a claim gets accepted, confidence rises; when it gets rejected, confidence drops. Over time, each plugin develops its own body of verified, weighted knowledge about its domain.
Each plugin here has a counterpart: a chat skill that runs on Claude.ai (or Claude Desktop). The division of labor is deliberate.
The chat skill handles planning, reasoning, and decision-making. When you're deciding between DRF and Ninja for an API, or choosing an inheritance strategy for a model hierarchy, or evaluating whether a component needs polymorphic rendering, the chat skill walks you through the tradeoffs and produces a structured handoff document.
The Claude Code plugin handles implementation and learning. It takes the handoff document, builds the thing, greps real source code when it needs to verify an API, logs what it tried, and updates its knowledge base with what it learned.
The chat skill never sees knowledge/claims.jsonl. The plugin never produces planning documents. Each surface does what it's good at.
| Chat Skill (Claude.ai) | Claude Code Plugin |
|---|---|
| Decision frameworks | Slash commands and agents |
| Tradeoff analysis | Source-code grepping |
| Structured handoff docs | Implementation and testing |
| Domain reasoning | Session logging and learning |
| Static (expert knowledge) | Dynamic (knowledge that evolves) |
Every plugin with a knowledge/ directory runs the same protocol:
Session start: Read manifest.json for current state. Load active claims sorted by confidence. Check tensions.jsonl for unresolved conflicts in the task's domain. Surface tensions before making decisions, not after.
During work: Track which claims informed each suggestion. Note when the user accepts, modifies, or rejects a recommendation.
Session end: Write observations to session_log/. Flag contradictions as tension signals. Note recurring patterns the knowledge base doesn't yet cover.
The knowledge types are borrowed from Theseus (a separate epistemic engine project):
Current knowledge stats across the fleet:
| Plugin | Total Claims | Active | Avg Confidence |
|---|---|---|---|
| UI-Design-Pro | 140 | 135 | 0.667 |
| Django-Engine-Pro | 111 | 29 | 0.75 |
npx claudepluginhub travis-gilbert/claude-marketplace --plugin animation-proMobile app development specialist: PWA retrofitting, React Native architecture, offline-first sync, mobile API design, touch optimization, and mobile visualization adaptation.
Makes Claude Code extraordinarily good at transforming websites into applications: converting page-based Next.js sites into app-like experiences with persistent layouts, command palettes, and background sync; wrapping them in Tauri desktop shells with native OS integration; and producing architecture handoffs for native Swift/AppKit macOS apps.
Makes Claude Code genuinely good at designing knowledge-graph answer experiences with cosmos.gl on top of DuckDB-WASM, Mosaic, and vgplot. Owns the SceneDirective adapter, the three-picker ControlDock (Position, Weight, Edges), and the recipe library that turns novel ideas into usable images.
Git and deployment automation with verification at every step. Staged file review, conventional commits, pre-commit checks, push with CI/CD detection, and post-deploy health verification.
Makes Claude Code extraordinarily good at building D3 visualizations that are mathematically accurate, physically believable, and aesthetically grounded in the Mike Bostock / Observable canon.
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Comprehensive feature development workflow with specialized agents for codebase exploration, architecture design, and quality review
Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.
Upstash Context7 MCP server for up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your LLM context.
Complete developer toolkit for Claude Code
Intelligent draw.io diagramming plugin with AI-powered diagram generation, multi-platform embedding (GitHub, Confluence, Azure DevOps, Notion, Teams, Harness), conditional formatting, live data binding, and MCP server integration for programmatic diagram creation and management.