freshtechbro/claudedesignskills

What is it?

Key features

• 01Covers Three.js, React Three Fiber, Babylon.js and PlayCanvas for 3D scenes.
• 02Includes GSAP ScrollTrigger, Framer Motion, Anime.js and Lottie for animation.
• 03Installable as individual plugins or five category bundles in Claude Code.
• 04Each skill bundles SKILL.md instructions, reference docs and helper scripts.
• 05Skills can be uploaded to claude.ai or copied into a local project.

Use cases

• Asking Claude to build a Three.js scene with PBR materials or a React Three Fiber component.
• Adding GSAP scroll-driven animations or Framer Motion transitions to a web page.
• Choosing between 3D engines or animation libraries with Claude's help.
• Generating boilerplate for interactive WebGL or WebXR experiences.

Quick start

1. 1

   Add the marketplace to Claude Code

   /plugin marketplace add freshtechbro/claudedesignskills
2. 2

   Install an individual plugin

   /plugin install threejs-webgl
3. 3

   Or install a complete bundle

   /plugin install core-3d-animation

Things to know

• !Skills are instruction packages for Claude Code, not standalone software, so there is nothing to run directly.
• !Generator scripts require Python 3 and the project's stated stdlib-only setup.

Topics

FAQ

What is claudedesignskills?

A collection of Claude Code skills and plugins teaching Claude about Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js and other web 3D and animation tools. This repository is a Claude Code plugin marketplace containing 22 skills for modern web development, focused on 3D graphics, animation and interactive web experiences. Each skill is a folder with a SKILL.md file of instructions and patterns, plus reference docs, helper scripts and templates that Claude loads only when a task calls for them.

Is claudedesignskills free to use? What license does it have?

claudedesignskills is open source under the MIT license. Check the license terms before using it in commercial products.

Is claudedesignskills still maintained?

No commits for 6+ months. The last commit to claudedesignskills was on Nov 20, 2025.

What can I use claudedesignskills for?

Asking Claude to build a Three.js scene with PBR materials or a React Three Fiber component. Adding GSAP scroll-driven animations or Framer Motion transitions to a web page. Choosing between 3D engines or animation libraries with Claude's help. Generating boilerplate for interactive WebGL or WebXR experiences.

How do I install claudedesignskills?

Add the marketplace to Claude Code: /plugin marketplace add freshtechbro/claudedesignskills Install an individual plugin: /plugin install threejs-webgl Or install a complete bundle: /plugin install core-3d-animation

Where can I get claudedesignskills?

The source code and installation instructions are on GitHub: https://github.com/freshtechbro/claudedesignskills