Skill collection
freshtechbro/claudedesignskills agent skills
- skills
- 19
- GitHub stars
- 1k
GitHub description: “A comprehensive collection of Claude Code skills for modern web development, specializing in 3D graphics, animation, and interactive web experiences.”
- Stars
- 1,016 (175 forks)
- Licence
- MIT
- Last push
- Nov 2025
- Created
- Oct 2025
Install all skills
npx skills add freshtechbro/claudedesignskillsAdd --skill <name> for a single skill and -a <agent> to choose the agent (see the agent guides).
Skills in freshtechbro/claudedesignskills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Comprehensive skill for Three.js 3D web development. An agent skill from freshtechbro/claudedesignskills. | freshtechbro/ | 1k | 1 repo | ~3.9k | Automated safety check: Pass | MIT | 10 mo ago |
| 2 | Guides use of Anime.js for timeline sequences, stagger effects, SVG morphing and keyframe animation on DOM elements, CSS, SVG and JavaScript objects. | freshtechbro/ | 1k | — | ~2.7k | Automated safety check: Pass | MIT | 10 mo ago |
| 3 | Adds animated page transitions to multi-page sites with Barba.js, covering the wrapper and container markup, lifecycle hooks, views and GSAP integration. | freshtechbro/ | 1k | — | ~4.9k | Automated safety check: Pass | MIT | 10 mo ago |
| 4 | Exports and optimizes Blender 3D models and animations for the web as glTF, covering batch Python scripting, texture baking, decimation and LOD generation for Three.js and Babylon.js. | freshtechbro/ | 1k | — | ~4.2k | Automated safety check: Pass | MIT | 10 mo ago |
| 5 | Covers GSAP tweens and timelines and the ScrollTrigger plugin for scroll-driven animation, including pinning, scrubbing, parallax and horizontal scroll sections. | freshtechbro/ | 1k | — | ~4.3k | Automated safety check: Pass | MIT | 10 mo ago |
| 6 | A guide to the Locomotive Scroll library for smooth scrolling, parallax, viewport detection, sticky elements and GSAP ScrollTrigger integration. | freshtechbro/ | 1k | — | ~3.1k | Automated safety check: Pass | MIT | 10 mo ago |
| 7 | Implements After Effects Lottie animations in web and React apps: picking JSON or dotLottie format, a rendering library, and a data source, with an optimizer script. | freshtechbro/ | 1k | — | ~4.5k | Automated safety check: Pass | MIT | 10 mo ago |
| 8 | Guides React UI animation built on spring physics with React Spring and Popmotion: hooks, config presets, trails, list transitions and scroll or in-view effects. | freshtechbro/ | 1k | — | ~2.8k | Automated safety check: Pass | MIT | 10 mo ago |
| 9 | Builds interactive Rive animations for the web and React: state machines, inputs, ViewModel data binding and events, with scripts that generate component code. | freshtechbro/ | 1k | — | ~3.9k | Automated safety check: Pass | MIT | 10 mo ago |
| 10 | Simple scroll-triggered reveal animations using AOS (Animate On Scroll). | freshtechbro/ | 1k | — | ~4.3k | Automated safety check: Pass | MIT | 10 mo ago |
| 11 | Browser-based 3D design tool with visual editor, animation, and web export. | freshtechbro/ | 1k | — | ~4.9k | Automated safety check: Pass | MIT | 10 mo ago |
| 12 | Comprehensive skill for Adobe Substance 3D Painter texturing and material creation workflow. | freshtechbro/ | 1k | — | ~4k | Automated safety check: Pass | MIT | 10 mo ago |
| 13 | 13.Aframe Webxr Declarative web framework for building browser-based 3D, VR, and AR experiences using HTML and entity-component architecture. | freshtechbro/ | 1k | — | ~6.8k | Automated safety check: Pass | MIT | 10 mo ago |
| 14 | Comprehensive skill for Babylon.js 3D web rendering engine. An agent skill from freshtechbro/claudedesignskills. | freshtechbro/ | 1k | — | ~7.8k | Automated safety check: Pass | MIT | 10 mo ago |
| 15 | Modern web design trends, principles, and implementation patterns for 2024-2025. | freshtechbro/ | 1k | — | ~6.6k | Automated safety check: Pass | MIT | 10 mo ago |
| 16 | 16.Pixijs 2D Fast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU. | freshtechbro/ | 1k | — | ~5.3k | Automated safety check: Pass | MIT | 10 mo ago |
| 17 | Lightweight WebGL/WebGPU game engine with entity-component architecture and visual editor integration. | freshtechbro/ | 1k | — | ~5.7k | Automated safety check: Pass | MIT | 10 mo ago |
| 18 | Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js. | freshtechbro/ | 1k | — | ~5.7k | Automated safety check: Pass | MIT | 10 mo ago |
| 19 | Meta-skill for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion, and React Spring for complex 3D web experiences. | freshtechbro/ | 1k | — | ~5.3k | Automated safety check: Pass | MIT | 10 mo ago |
Questions, answered from the data.
What is the best skill in freshtechbro/claudedesignskills?
Threejs Webgl from freshtechbro/claudedesignskills ranks first of the 19 skills in freshtechbro/claudedesignskills listed here, with the highest score: its repository has 1k GitHub stars, 1 other GitHub owner carry a copy, its SKILL.md loads about 3.9k tokens and it passes the automated safety check with no findings. Next come Anime.js Animation Guide and Barba.js Page Transitions.
Are the skills in freshtechbro/claudedesignskills official?
None yet. All 19 skills in freshtechbro/claudedesignskills listed here come from community repositories; a skill counts as official when the product's own GitHub organization publishes it.
How do I install all skills from freshtechbro/claudedesignskills?
Run npx skills add freshtechbro/claudedesignskills in your project: the open-source skills CLI installs the repository's skills into your coding agent's skills folder. To install a single skill, open its page here for the exact command.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.