claude

core-3d-animation

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

1,338 on GitHubby Claude Design Skillstackv1.0.0Apache-2.0updated 11 months agobundle
/

Plugin core-3d-animation from marketplace claude-design-skillstack in freshtechbro/claudedesignskills. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (5)

  • 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, phys

  • 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.

  • 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-

  • 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 visual

  • 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,

Slash commands (9)

  • /core-3d-animation:babylonjs-engine-mesh_builder
  • /core-3d-animation:babylonjs-engine-scene_generator
  • /core-3d-animation:gsap-scrolltrigger-generate_animation
  • /core-3d-animation:gsap-scrolltrigger-timeline_builder
  • /core-3d-animation:motion-framer-animation_generator
  • /core-3d-animation:motion-framer-variant_builder
  • /core-3d-animation:react-three-fiber-component_generator
  • /core-3d-animation:react-three-fiber-scene_setup
  • /core-3d-animation:threejs-webgl-setup_scene

Subagents (6)

  • babylonjs-engine-architect
  • core-3d-animation-integration
  • gsap-scrolltrigger-choreographer
  • motion-framer-choreographer
  • react-three-fiber-architect
  • threejs-webgl-architect
View source on GitHub

More from freshtechbro/claudedesignskills

All 27 plugins →

Extended 3D graphics and smooth scroll stack with A-Frame, lightweight effects, PlayCanvas, PixiJS, Locomotive Scroll, and Barba.js

6 skills · 12 commands · 7 agents

1,338

Comprehensive animation and component libraries with React Spring, Magic UI, React Bits, AOS, Anime.js, and Lottie

5 skills · 10 commands · 6 agents

1,338

Professional 3D authoring and motion graphics pipeline with Blender, Spline, Rive, and Substance 3D

4 skills · 10 commands · 5 agents

1,338

Integration patterns and modern web design guidelines for building cohesive 3D/animation experiences

2 skills · 4 commands · 3 agents

1,338

Blender to web export workflows for 3D models and animations. Use this skill when exporting Blender models to glTF for web, optimizing 3D assets for Three.js or Babylon.js, batch processing models with Python scripts, automating Blender workflows, or creating web-ready 3D pipelines. Triggers on tasks involving Blender glTF export, bpy scripting, 3D asset optimization, model compression, texture baking, or Blender automation. Exports models for threejs-webgl, react-three-fiber, and babylonjs-engine skills.

1 skill · 3 commands · 1 agent

1,338

Comprehensive skill for Adobe Substance 3D Painter texturing and material creation workflow. Use this skill when creating PBR materials, exporting textures for web/game engines, optimizing 3D assets for real-time rendering, or automating texture workflows. Triggers on tasks involving Substance 3D Painter, PBR texturing, material creation, texture export for Three.js, Babylon.js, Unity, Unreal, glTF optimization, or Python API automation. Creates optimized textures for threejs-webgl, react-three-fiber, and babylonjs-engine materials.

1 skill · 3 commands · 1 agent

1,338

Similar plugins

superpowers

claudecodex

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

15 skills · hooks

obra/superpowers 316,836

core-skills

claudecodex

Legacy core-only installation. For the release-managed bundle of every skill, install hyperframes@hyperframes and then uninstall core-skills@hyperframes.

22 skills

heygen-com/hyperframes 83,516

Core Ruflo MCP tools, commands, and Claude Code orchestration patterns

5 skills · 2 commands · 4 agents · 1 MCP server · hooks

ruvnet/ruflo 81,589

Claude Code mod: watch Headroom snip tokens off every request, with an animated band, a /headroom log and a running total.

headroomlabs-ai/headroom 79,508

Generate natively editable PPTX from PDF / DOCX / URL / Markdown — real DrawingML shapes, text boxes, charts, and animations. Note: run `pip install -r requirements.txt` inside the installed plugin directory for the Python post-processing scripts to work.

1 skill

hugohe3/ppt-master 76,375

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

Maintain core-3d-animation?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins27 plugins