Claude Design Skillstack plugin
A Claude Code plugin and skill marketplace for 3D, animation and modern web: Three.js, GSAP, React Three Fiber, Babylon.js
- 1,333 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- Skills ship Python scripts the agent runs to generate scenes and components
- The scripts write files into the project and do not touch external services
Install
- Works in
Manual install
/plugin marketplace add freshtechbro/claudedesignskills
/plugin install threejs-webglInstall the plugins you need, such as gsap-scrolltrigger and react-three-fiber, or the whole set.
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Skills ship Python scripts the agent runs to generate scenes and components
- The scripts write files into the project and do not touch external services
This is third-party code. Review the repository files before installing.
What it does
This is a Claude Code plugin marketplace built around web graphics and animation. It holds a few dozen plugins and skills for specific technologies: Three.js and WebGL, GSAP and ScrollTrigger, React Three Fiber, Framer Motion, Babylon.js, WebXR via A-Frame, animated component libraries and more. Each skill carries not only instructions but references, examples and helper scripts, such as component and scene generators. You add the marketplace with one command, then install the plugins you need individually or as a set via /plugin. You can also use the skills directly from the .claude/skills folder.
Who it is for. For frontend developers and interface designers building 3D, animation and interactive web.
Good fit when
- You need help with Three.js, GSAP, R3F or Babylon.js
- You are building an animated or 3D interface
- You need examples and generators for a specific graphics library
Not a fit when
- The project has no graphics or animation
- The agent is not Claude Code and does not support its plugin format
Example request
Build a Three.js scene with smooth scroll driven by GSAP ScrollTriggerLimitations
The skills give instructions, references and examples for specific libraries; they do not replace knowledge of the technologies themselves. Some helper scripts are in Python and need Python installed. The format targets Claude Code and compatible agents.
How to disable. Disable a plugin or remove the marketplace via /plugin, or delete the skill folders from .claude/skills.
FAQ
Can I install one plugin at a time?
Yes, with /plugin install you pick one, such as threejs-webgl or react-three-fiber, or install the whole set.
What is inside a skill?
Instructions plus references, examples and helper scripts, such as component and scene generators.
Discussion
No questions or reviews yet.
Related
PluginsCreative coding skills for Claude Code: motion, micro-interactions and visual systems for web, Android and Apple
145 skill plugins for Claude Code and Codex: Cloudflare, React, Tailwind, Nuxt, APIs, security, testing, installed one by one
A skill that builds Framer components with Three.js, WebGL and GSAP: 3D, shaders and scroll animation in a single TSX file.
Web Animation Skills
web-animation-skills
Web animation skills: GSAP, SVG, Lottie, micro-interactions, page transitions, 60 frames per second. Install with npx skills or as a plugin
A skill for building premium scroll-driven websites on a real design standard: typography, rhythm, depth, motion and in-browser verification
A kit of skills, tokens and rules that turns Claude into a design architect: DTCG tokens, components, accessibility and objective quality gates
README in short
The README presents a set of Claude Code plugins and skills for 3D, animation and modern web, packaged as a marketplace. It covers Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js and other technologies across a few dozen plugins and skills. It is added via /plugin marketplace add, and plugins install individually or as a set. The skills carry references, examples and helper scripts. MIT licensed.