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
🎯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
🎯modern-web-design🎯Skill

Part of a professional design agency skill stack with 22 skills across 3D graphics, animation, and modern web development. Covers modern web design patterns and best practices with 50+ slash commands and 27+ specialized agents.

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
🎯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
🎯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
🎯animated-component-libraries🎯Skill

Part of a professional design agency skill stack with 22 skills across 3D graphics, animation, and modern web development. Covers animated component library patterns with 50+ slash commands and 27+ specialized agents for technologies like GSAP, Framer Motion, and Three.js.

animated-component-libraries
🎯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
🎯web3d-integration-patterns🎯Skill

Part of a professional design agency skill stack with 22 skills across 3D graphics, animation, and modern web development. Covers Web3D integration patterns using technologies like Three.js, React Three Fiber, and Babylon.js with 50+ slash commands.

web3d-integration-patterns
🎯pixijs-2d🎯Skill

Part of a professional design agency skill stack with 22 skills across 3D graphics, animation, and modern web development. Covers PixiJS 2D graphics patterns with 50+ slash commands and 27+ specialized agents for interactive web experiences.

pixijs-2d
🎯gsap-scrolltrigger🎯Skill

Part of a professional design agency skill stack with 22 skills across 3D graphics, animation, and modern web development. Covers GSAP ScrollTrigger animation patterns with 50+ slash commands and 27+ specialized agents for scroll-driven web experiences.

gsap-scrolltrigger
🎯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
🎯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
🎯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
🎯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
🎯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
🎯scroll-reveal-libraries🎯Skill

A skill covering AOS (Animate On Scroll), a lightweight CSS-driven library for scroll-triggered animations with 50+ built-in effects including fades, slides, zooms, and flips, ideal for marketing and landing pages without the complexity of GSAP or Framer Motion.

scroll-reveal-libraries
🎯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
🎯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
🎯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
🎯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
🎯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
🎯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