By freshtechbro
Automate end-to-end 3D authoring and motion graphics pipelines: batch export/optimize Blender models to web glTF, build interactive Spline/Rive animations for React/mobile, generate web PBR textures from Substance 3D, via Python commands and specialist agents for seamless web integration.
Blender Web Pipeline - Batch Export
Blender Web Pipeline - Generate Lods
Blender Web Pipeline - Optimize Model
Rive - Component Generator
Rive - Viewmodel Builder
Expert integration specialist for combining 3D Authoring & Motion technologies into cohesive applications.
Expert pipeline specialist for Blender Web Pipeline workflows, asset optimization, and web integration.
Expert animation choreographer specializing in Rive animation design, timing, and orchestration.
Expert pipeline specialist for Spline workflows, asset optimization, and web integration.
Expert pipeline specialist for Substance 3D workflows, asset optimization, and web integration.
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.
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.
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.
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.
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.
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.
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:
📚 View complete marketplace documentation →
27 plugins (22 individual + 5 bundles) extending Claude Code with specialized knowledge for cutting-edge web technologies.
Key Features:
Modular packages that teach Claude specific technologies. Each contains:
Progressive disclosure: Claude loads only what's needed per task.
All plugins include slash commands and specialized agents. Full details →
threejs-webgl • gsap-scrolltrigger • react-three-fiber • motion-framer • babylonjs-engine
aframe-webxr • lightweight-3d-effects • playcanvas-engine • pixijs-2d • locomotive-scroll • barba-js
react-spring-physics • animated-component-libraries • scroll-reveal-libraries • animejs • lottie-animations
blender-web-pipeline • spline-interactive • rive-interactive • substance-3d-texturing
web3d-integration-patterns • modern-web-design
Prerequisites: Claude Code CLI or claude.com/code
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:
Upload individual skills directly to claude.ai:
.zip file from .claude/skills/npx claudepluginhub freshtechbro/claudedesignskills --plugin authoring-motionComprehensive 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.
Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring pre-made animated components instead of hand-crafting animations. Triggers on tasks involving animated UI components, Magic UI, React Bits, shadcn/ui integration, Tailwind CSS components, or component library selection. Alternative to manually implementing animations with Framer Motion or GSAP.
Declarative web framework for building browser-based 3D, VR, and AR experiences using HTML and entity-component architecture. Use this skill when creating WebXR applications, VR experiences, AR experiences, 360-degree media viewers, or immersive web content with minimal JavaScript. Triggers on tasks involving A-Frame, WebXR, VR development, AR development, entity-component-system, declarative 3D, or HTML-based 3D scenes. Built on Three.js with accessible HTML-first approach.
Meta-skill for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion, and React Spring for complex 3D web experiences. Use when building applications that integrate multiple 3D and animation libraries, requiring architecture patterns, state management, and performance optimization across the stack. Triggers on tasks involving library integration, multi-library architectures, scroll-driven 3D experiences, physics-based 3D animations, or complex interactive 3D applications.
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.
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.
Comprehensive Three.js skills for building 3D web experiences
Create beautiful, performant web animations for React and TypeScript applications. Includes background effects, text animations, 3D transforms, creative visual effects, Framer Motion, GSAP, and more.
Harness-native ECC operator layer - 67 agents, 271 skills, 92 legacy command shims, reusable hooks, rules, selective install profiles, and production-ready workflows for Claude Code, Codex, OpenCode, Cursor, and related agent harnesses
v9.44.1 — Patch release for Gemini environment/version detection and qwen auth gating. Run /octo:setup.
Comprehensive .NET development skills for modern C#, ASP.NET, MAUI, Blazor, Aspire, EF Core, Native AOT, testing, security, performance optimization, CI/CD, and cloud-native applications