Claude MarketplacesSubmit
freshtechbro avatar

freshtechbro/claudedesignskills

skills.sh installs
72.7K
skills
23
View on GitHub

Install

$ npx -y skills add freshtechbro/claudedesignskills --agent claude-code

Installs into .claude/skills of the current project.

Skills

1freshtechbro avatarmotion-framerfreshtechbro/claudedesignskillsModern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag), layou6.5Kskills.sh installs
2freshtechbro avatarthreejs-webglfreshtechbro/claudedesignskillsComprehensive skill for Three.js 3D web development. Use this skill when building interactive 3D scenes, WebGL/WebGPU applications, product configurators, 3D vi5Kskills.sh installs
3freshtechbro avatarreact-three-fiberfreshtechbro/claudedesignskillsBuild declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js. Use when building interactive 3D experiences in React applications wit4.1Kskills.sh installs
4freshtechbro avatarblender-web-pipelinefreshtechbro/claudedesignskillsBlender 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 or3.9Kskills.sh installs
5freshtechbro avatarweb3d-integration-patternsfreshtechbro/claudedesignskillsMeta-skill for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion, and React Spring for complex 3D web experiences. Use when building application3.4Kskills.sh installs
6freshtechbro avatarlottie-animationsfreshtechbro/claudedesignskillsAfter Effects animation rendering for web and React applications. Use this skill when implementing Lottie animations, JSON vector animations, interactive animat3.1Kskills.sh installs
7freshtechbro avatarmodern-web-designfreshtechbro/claudedesignskillsModern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, imple3.1Kskills.sh installs
8freshtechbro avataranimated-component-librariesfreshtechbro/claudedesignskillsPre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated c3.1Kskills.sh installs
9freshtechbro avatargsap-scrolltriggerfreshtechbro/claudedesignskillsComprehensive skill for GSAP (GreenSock Animation Platform) and ScrollTrigger plugin. Use this skill when creating web animations, scroll-driven experiences, ti3.1Kskills.sh installs
10freshtechbro avatarspline-interactivefreshtechbro/claudedesignskillsBrowser-based 3D design tool with visual editor, animation, and web export. Use this skill when creating 3D scenes without code, designing interactive web exper3Kskills.sh installs
11freshtechbro avataranimejsfreshtechbro/claudedesignskillsVersatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects. Use when creating timeline-based animations, stagger effects, SVG morphing, key3Kskills.sh installs
12freshtechbro avatarlightweight-3d-effectsfreshtechbro/claudedesignskillsLightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js. Use this skill when adding pseudo-3D illustrati2.8Kskills.sh installs
13freshtechbro avatarrive-interactivefreshtechbro/claudedesignskillsState machine-based vector animation with runtime interactivity and web integration. Use this skill when creating interactive animations, state-driven UI, anima2.8Kskills.sh installs
14freshtechbro avatarlocomotive-scrollfreshtechbro/claudedesignskillsComprehensive skill for Locomotive Scroll smooth scrolling library with parallax effects, viewport detection, and scroll-driven animations. Use this skill when 2.7Kskills.sh installs
15freshtechbro avatarbabylonjs-enginefreshtechbro/claudedesignskillsComprehensive skill for Babylon.js 3D web rendering engine. Use this skill when building real-time 3D experiences, browser-based games, interactive visualizatio2.7Kskills.sh installs
16freshtechbro avatarpixijs-2dfreshtechbro/claudedesignskillsFast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU. Use this skill when2.7Kskills.sh installs
17freshtechbro avatarreact-spring-physicsfreshtechbro/claudedesignskillsPhysics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation ut2.6Kskills.sh installs
18freshtechbro avatarscroll-reveal-librariesfreshtechbro/claudedesignskillsSimple scroll-triggered reveal animations using AOS (Animate On Scroll). Use this skill when building marketing pages, landing pages, or content-heavy sites req2.6Kskills.sh installs
19freshtechbro avatarsubstance-3d-texturingfreshtechbro/claudedesignskillsComprehensive skill for Adobe Substance 3D Painter texturing and material creation workflow. Use this skill when creating PBR materials, exporting textures for 2.6Kskills.sh installs
20freshtechbro avatarbarba-jsfreshtechbro/claudedesignskillsPage transitions library for creating fluid, smooth transitions between website pages. Use this skill when implementing page transitions, creating SPA-like expe2.5Kskills.sh installs
21freshtechbro avataraframe-webxrfreshtechbro/claudedesignskillsDeclarative web framework for building browser-based 3D, VR, and AR experiences using HTML and entity-component architecture. Use this skill when creating WebXR2.5Kskills.sh installs
22freshtechbro avatarplaycanvas-enginefreshtechbro/claudedesignskillsLightweight WebGL/WebGPU game engine with entity-component architecture and visual editor integration. Use this skill when building browser-based games, interac2.5Kskills.sh installs
23freshtechbro avatarskill-creatorfreshtechbro/claudedesignskillsGuide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabil2.3Kskills.sh installs