freshtechbro

freshtechbro/claudedesignskills

23 resources in this repository

GitHub
🎯23
27

🎯Skills23

🎯threejs-webgl🎯Skill

A Claude Code plugin marketplace with 22 skills and 27 plugins for 3D/WebGL, animation, and modern web development, covering Three.js, GSAP, React Three Fiber, Babylon.js, Framer Motion, and more.

threejs-webgl
🎯pixijs-2d🎯Skill

Skill

pixijs-2d
🎯animated-component-libraries🎯Skill

Skill

animated-component-libraries
🎯lottie-animations🎯Skill

Claude Code skill for Lottie animations, part of a professional design skillstack covering 3D/WebGL, animation, and modern web development.

lottie-animations
🎯spline-interactive🎯Skill

A Claude Code plugin marketplace providing 27 plugins and 22 skills for 3D/WebGL, animation, and modern web development, covering Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js, Spline, Rive, and more.

spline-interactive
🎯modern-web-design🎯Skill

Skill

modern-web-design
🎯blender-web-pipeline🎯Skill

A Claude Code plugin marketplace with 27 plugins for 3D/WebGL, animation, and modern web development, covering Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js, and authoring tools like Blender and Spline.

blender-web-pipeline
🎯react-three-fiber🎯Skill

Provides comprehensive React Three Fiber expertise for Claude Code, including 3D scene creation, component patterns, and integration with the Three.js ecosystem, part of a 22-skill design agency skillstack covering WebGL and animation.

react-three-fiber
🎯gsap-scrolltrigger🎯Skill

Skill

gsap-scrolltrigger
🎯web3d-integration-patterns🎯Skill

Skill

web3d-integration-patterns
🎯motion-framer🎯Skill

Claude Code skill for Framer Motion animations, part of a professional design skillstack covering React animation libraries and motion design.

motion-framer
🎯animejs🎯Skill

A skill from the Claude Design Skillstack that provides expertise on Anime.js animation library, part of a professional design plugin marketplace covering 22 individual skills across 3D/WebGL, animation, and modern web development technologies.

animejs
🎯babylonjs-engine🎯Skill

A Claude Code plugin marketplace with 22 skills and 27 plugins for 3D/WebGL, animation, and modern web development, covering Three.js, GSAP, React Three Fiber, Babylon.js, Framer Motion, and more.

babylonjs-engine
🎯lightweight-3d-effects🎯Skill

Web-design skill from freshtechbro/claudedesignskills in the Extended 3D & Scroll bundle β€” adds lightweight 3D visual effects alongside sibling skills aframe-webxr, playcanvas-engine, pixijs-2d, locomotive-scroll, and barba-js.

lightweight-3d-effects
🎯locomotive-scroll🎯Skill

Web-design skill from freshtechbro/claudedesignskills in the Extended 3D & Scroll bundle β€” applies Locomotive Scroll (smooth parallax scrolling) alongside sibling skills aframe-webxr, lightweight-3d-effects, playcanvas-engine, pixijs-2d, and barba-js.

locomotive-scroll
🎯scroll-reveal-libraries🎯Skill

Skill

scroll-reveal-libraries
🎯rive-interactive🎯Skill

Claude Code skill for Rive interactive animations, part of a professional design skillstack for 3D/WebGL and modern web development.

rive-interactive
🎯barba-js🎯Skill

Skill that teaches Barba.js β€” a 7kb page-transition library that intercepts navigation, fetches new content via AJAX, and smoothly transitions between containers to make multi-page sites feel like SPAs. Covers wrapper/container/namespace structure, lifecycle hooks, views, and GSAP integration.

barba-js
🎯substance-3d-texturing🎯Skill

A Claude Code plugin marketplace providing professional design agency skills for 3D/WebGL, animation, and modern web development with 22 individual skills and 5 bundles covering technologies like Three.js, GSAP, and Substance 3D.

substance-3d-texturing
🎯aframe-webxr🎯Skill

A Claude Code plugin marketplace offering 27 plugins covering 3D/WebGL, animation, and modern web development including Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js, A-Frame, and more.

aframe-webxr
🎯playcanvas-engine🎯Skill

PlayCanvas engine skill β€” lightweight WebGL/WebGPU game engine with entity-component architecture and visual editor integration; loads PlayCanvas patterns (Application, ECS, update loop, components, materials) for building browser games, interactive 3D apps, and performance-critical web experiences as an alternative to Three.js or Babylon.js.

playcanvas-engine
🎯react-spring-physics🎯Skill

React Spring Physics skill that combines `@react-spring/web`/`@react-spring/three` (spring dynamics with mass/tension/friction, interruptible animations, gesture integration) with Popmotion (low-level composable animations, inertia, reactive streams) for natural, physics-based UI motion and gesture-driven interfaces.

react-spring-physics
🎯skill-creator🎯Skill

A professional design agency skillstack and plugin marketplace for Claude Code, providing 27 plugins and 22 skills covering 3D/WebGL, animation, and modern web technologies including Three.js, GSAP, React Three Fiber, Framer Motion, and Babylon.js.

skill-creator