FreshTechBro publishes skills for web motion and 3D work, covering Lottie animations exported from After Effects, PBR texture export for Three.js, glTF pipelines from Blender, and scroll-driven effects with GSAP ScrollTrigger, Locomotive Scroll, AOS and React Spring. Their catalogue also includes PlayCanvas for browser-based games and interactive 3D applications, so an agent using their skills can handle a range of front-end animation and real-time 3D tasks.
Claudedesignskills
22 skills · 1,268 stars · MIT
Add Lottie animations to websites from After Effects and EffectCraft Ship After Effects animations to web and React apps as lightweight Lottie or dotLottie files.
Aframe Webxr Declarative web framework for building browser-based 3D, VR, and AR experiences using HTML and en…
Animated Component Libraries Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motio…
Animejs Versatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects.
Babylonjs Engine Comprehensive skill for Babylon.js 3D web rendering engine.
Barba Js Page transitions library for creating fluid, smooth transitions between website pages.
Blender Web Pipeline Blender to web export workflows for 3D models and animations.
Export PBR Textures for Web in Substance Painter and TextureCraft PBR texture sets with glTF-ready maps for Three.js, Babylon.js and Unity
Gsap Scrolltrigger Comprehensive skill for GSAP (GreenSock Animation Platform) and ScrollTrigger plugin.
Lightweight 3D Effects Lightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and V…
Locomotive Scroll Comprehensive skill for Locomotive Scroll smooth scrolling library with parallax effects, viewpor…
Modern Web Design Modern web design trends, principles, and implementation patterns for 2024-2025.
Motion Framer Modern animation library for React and JavaScript.
Pixijs 2D Fast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and ca…
Playcanvas Engine Lightweight WebGL/WebGPU game engine with entity-component architecture and visual editor integra…
React Spring Physics Physics-based animation library combining React Spring (spring dynamics, gesture integration, 60f…
React Three Fiber Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js.
Rive Interactive State machine-based vector animation with runtime interactivity and web integration.
Scroll Reveal Libraries Simple scroll-triggered reveal animations using AOS (Animate On Scroll).
Spline Interactive Browser-based 3D design tool with visual editor, animation, and web export.
Threejs Webgl Comprehensive skill for Three.js 3D web development.
Web3D Integration Patterns Meta-skill for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion, and React Sprin…