Search everything...

Stats

Actions

Available In

core-3d-animation

Complete core 3D and animation stack with Three.js, GSAP, React Three Fiber, Framer Motion, and Babylon.js

Publisher marketplacecore-3d-animation@claude-design-skillstack · marketplace and plugin share one repository (ais1m0n3/claudedesignskills-3d-motion)

npx claudepluginhub ais1m0n3/claudedesignskills-3d-motion --plugin core-3d-animation

Popularity

Stars

Med: 0·Avg: 488

Copy clicks

Med: 0·Avg: 1

What's Inside

Slash Commands9

/babylonjs-engine-mesh_builder

Babylon.js - Mesh Builder

/babylonjs-engine-scene_generator

Babylon.js - Scene Generator

/gsap-scrolltrigger-generate_animation

GSAP ScrollTrigger - Generate Animation

/gsap-scrolltrigger-timeline_builder

GSAP ScrollTrigger - Timeline Builder

/motion-framer-animation_generator

Framer Motion - Animation Generator

Agents6

Babylon.js Architect

/babylonjs-engine-architect

Expert 3D/graphics architect specializing in Babylon.js scene design, optimization, and best practices.

Core 3D & Animation Integration Specialist

/core-3d-animation-integration

Expert integration specialist for combining Core 3D & Animation technologies into cohesive applications.

GSAP ScrollTrigger Animation Choreographer

/gsap-scrolltrigger-choreographer

Expert animation choreographer specializing in GSAP ScrollTrigger animation design, timing, and orchestration.

Framer Motion Animation Choreographer

/motion-framer-choreographer

Expert animation choreographer specializing in Framer Motion animation design, timing, and orchestration.

React Three Fiber Architect

/react-three-fiber-architect

Expert 3D/graphics architect specializing in React Three Fiber scene design, optimization, and best practices.

Skills5

babylonjs-engine

/babylonjs-engine

Comprehensive skill for Babylon.js 3D web rendering engine. Use this skill when building real-time 3D experiences, browser-based games, interactive visualizations, or immersive web applications. Triggers on tasks involving Babylon.js, 3D scenes, WebGL/WebGPU rendering, entity-component systems, physics simulations, PBR materials, shadow mapping, or 3D model loading. Alternative to Three.js with built-in editor integration and game engine features.

gsap-scrolltrigger

/gsap-scrolltrigger

Comprehensive skill for GSAP (GreenSock Animation Platform) and ScrollTrigger plugin. Use this skill when creating web animations, scroll-driven experiences, timelines, tweens, scroll-triggered animations, pinning, scrubbing, parallax effects, or animating DOM elements, SVG, Canvas, WebGL, or Three.js. Triggers on tasks involving GSAP, ScrollTrigger, smooth animations, scroll effects, or animation sequencing.

motion-framer

/motion-framer

Modern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag), layout animations, AnimatePresence exit animations, spring physics, and scroll-based effects. Use when building interactive UI components, micro-interactions, page transitions, or complex animation sequences.

react-three-fiber

/react-three-fiber

Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js. Use when building interactive 3D experiences in React applications with component-based architecture, state management, and reusable abstractions. Ideal for product configurators, portfolios, games, data visualization, and immersive web experiences.

threejs-webgl

/threejs-webgl

Comprehensive skill for Three.js 3D web development. Use this skill when building interactive 3D scenes, WebGL/WebGPU applications, product configurators, 3D visualizations, or immersive web experiences. Triggers on tasks involving Three.js, 3D rendering, scenes, cameras, meshes, materials, lights, animations, textures, or WebGL/WebGPU rendering.

The plugin manifest points to a different repository than the source indexed by ClaudePluginHub.

Stats

Version1.0.0

Stars0

MaintenanceUnmaintained

LicenseApache-2.0

Last CommitNov 14, 2025

AddedJul 18, 2026

Actions

View on GitHub View README Plugin Marketplace JSON Homepage

Own this plugin?

Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).

Available In

claude-design-skillstack

Safety Signals

Caution

Uses power tools

Uses Bash, Write, or Edit tools

README

Claude Design Skillstack

Professional design agency skillstack for 3D/WebGL, animation, and modern web development

Claude Code plugin marketplace providing comprehensive coverage of modern web technologies including Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js, and more.

🚀 Quick Start (Plugin Marketplace)

New: Install skills as plugins directly from this marketplace!

# Add marketplace to Claude Code
/plugin marketplace add freshtechbro/claudedesignskills

# Install individual plugins
/plugin install threejs-webgl
/plugin install gsap-scrolltrigger
/plugin install react-three-fiber

# Or install complete bundles
/plugin install core-3d-animation        # 5 skills: Three.js, GSAP, R3F, Motion, Babylon
/plugin install extended-3d-scroll       # 6 skills: A-Frame, Vanta, PlayCanvas, PixiJS, Locomotive, Barba
/plugin install animation-components     # 5 skills: React Spring, Magic UI, AOS, Anime.js, Lottie
/plugin install authoring-motion         # 4 skills: Blender, Spline, Rive, Substance 3D
/plugin install meta-skills             # 2 skills: Integration patterns, Modern design

Each plugin includes:

✅ Complete skill content with SKILL.md
✅ 1-3 slash commands for quick actions
✅ 1-2 specialized agents for domain expertise
✅ Scripts, references, and asset templates

📚 View complete marketplace documentation →

Overview

27 plugins (22 individual + 5 bundles) extending Claude Code with specialized knowledge for cutting-edge web technologies.

Key Features:

🏪 Plugin marketplace with 27 ready-to-install plugins
✅ 22 individual skills + 5 category bundles
🔧 50+ slash commands for instant boilerplate generation
🤖 27+ specialized agents for domain expertise
📚 Comprehensive patterns, examples, and integration guides
🚀 Auto-activates when Claude detects relevant tasks

What are Claude Skills?

Modular packages that teach Claude specific technologies. Each contains:

SKILL.md - Instructions and patterns
references/ - API docs and guides
scripts/ - Automation utilities
assets/ - Templates and examples

Progressive disclosure: Claude loads only what's needed per task.

Available Plugins

Individual Plugins (22)

All plugins include slash commands and specialized agents. Full details →

Category Bundles (5)

core-3d-animation - Three.js, GSAP, R3F, Motion, Babylon.js (5 skills, 9 commands, 6 agents)
extended-3d-scroll - A-Frame, Vanta, PlayCanvas, PixiJS, Locomotive, Barba (6 skills, 12 commands, 7 agents)
animation-components - React Spring, Magic UI, AOS, Anime.js, Lottie (5 skills, 10 commands, 6 agents)
authoring-motion - Blender, Spline, Rive, Substance 3D (4 skills, 10 commands, 5 agents)
meta-skills - Integration patterns, Modern design (2 skills, 4 commands, 3 agents)

Available Skills

Core 3D & Animation (5)

threejs-webgl • gsap-scrolltrigger • react-three-fiber • motion-framer • babylonjs-engine

Extended 3D & Scroll (6)

aframe-webxr • lightweight-3d-effects • playcanvas-engine • pixijs-2d • locomotive-scroll • barba-js

Animation & Components (5)

react-spring-physics • animated-component-libraries • scroll-reveal-libraries • animejs • lottie-animations

3D Authoring & Motion (4)

blender-web-pipeline • spline-interactive • rive-interactive • substance-3d-texturing

Meta-Skills (2)

web3d-integration-patterns • modern-web-design

Installation

Prerequisites: Claude Code CLI or claude.com/code

Option 1: Plugin Marketplace (Recommended - New!)

Install directly from the marketplace:

# Add marketplace
/plugin marketplace add freshtechbro/claudedesignskills

# Browse and install plugins
/plugin install threejs-webgl
/plugin install core-3d-animation  # Bundle: 5 skills + commands + agents

Benefits:

✅ One-command installation
✅ Includes slash commands for quick actions
✅ Specialized agents for domain expertise
✅ Automatic updates when repo updates
✅ Individual plugins or category bundles

Option 2: Upload to claude.ai

Upload individual skills directly to claude.ai:

Go to Settings > Features > Skills
Click Upload skill
Select any .zip file from .claude/skills/
Skill activates automatically when Claude detects relevant tasks

View full README on GitHub

More by AIs1m0n3

react-spring-physics

0·

Physics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation utilities, reactive streams). Use when building fluid, natural-feeling UI animations, gesture-driven interfaces, physics simulations, or spring-loaded interactions. Triggers on tasks involving React Spring hooks, spring physics, inertia scrolling, physics-based motion, animation composition, or natural UI movements. Alternative physics approach to motion-framer for more physically accurate animations.

8mo

v1.0.0

AIs1m0n3

spline-interactive

0·

Browser-based 3D design tool with visual editor, animation, and web export. Use this skill when creating 3D scenes without code, designing interactive web experiences, prototyping 3D UI, exporting to React/web, or building designer-friendly 3D content. Triggers on tasks involving Spline, no-code 3D, visual 3D editor, 3D animation, state-based interactions, React Spline integration, or scene export. Alternative to Three.js for designers who prefer visual tools over code.

8mo

v1.0.0

AIs1m0n3

react-three-fiber

0·

8mo

v1.0.0

AIs1m0n3

animejs

0·

Versatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects. Use when creating timeline-based animations, stagger effects, SVG morphing, keyframe sequences, or complex choreographed animations. Triggers on tasks involving Anime.js, timeline animations, staggered sequences, SVG path animations, morphing, or multi-step animation choreography. Alternative to GSAP for SVG-heavy animations and React-independent projects.

8mo

v1.0.0

AIs1m0n3

rive-interactive

0·

State machine-based vector animation with runtime interactivity and web integration. Use this skill when creating interactive animations, state-driven UI, animated components with logic, or designer-created animations with runtime control. Triggers on tasks involving Rive, state machines, interactive vector animations, animation with input handling, ViewModel data binding, or React Rive integration. Alternative to Lottie for animations requiring state machines and two-way interactivity.

8mo

v1.0.0

AIs1m0n3

core-3d-animation

Popularity

What's Inside

Confidence

README

Claude Design Skillstack

🚀 Quick Start (Plugin Marketplace)

Overview

What are Claude Skills?

Available Plugins

Individual Plugins (22)

Category Bundles (5)

Available Skills

Core 3D & Animation (5)

Extended 3D & Scroll (6)

Animation & Components (5)

3D Authoring & Motion (4)

Meta-Skills (2)

Installation

Option 1: Plugin Marketplace (Recommended - New!)

Option 2: Upload to claude.ai

Similar Plugins

caveman

ui-design

llm-council-plugin

open-agent-hub

More by AIs1m0n3

react-spring-physics

spline-interactive

react-three-fiber

animejs

rive-interactive

Claude Design Skillstack

🚀 Quick Start (Plugin Marketplace)

Overview

What are Claude Skills?

Available Plugins

Individual Plugins (22)

Category Bundles (5)

Available Skills

Core 3D & Animation (5)

Extended 3D & Scroll (6)

Animation & Components (5)

3D Authoring & Motion (4)

Meta-Skills (2)

Installation

Option 1: Plugin Marketplace (Recommended - New!)

Option 2: Upload to claude.ai

Popularity

Health & Quality

More by AIs1m0n3

react-spring-physics

spline-interactive

react-three-fiber

animejs

rive-interactive

Similar Plugins

caveman

ui-design

llm-council-plugin

open-agent-hub

nanobanana

product-management