Claude Design Skillstack
A Claude Code plugin and skill marketplace for 3D, animation and modern web: Three.js, GSAP, React Three Fiber, Babylon.js
Low risk
We rate an entry low when it mostly gives the agent instructions and reference material.
Why this level
- The skills are instructions, examples and helper scripts
Install
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.
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.
Security check
- The skills are instructions, examples and helper scripts
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.
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.
Related
Official Claude Code plugin from the Next.js repo: adopting Cache Components and Partial Prefetching, and verifying changes on a running dev server
Official shadcn/ui skill and MCP server: the agent searches registries, adds components via the CLI and follows the library's rules
A frontend design skill with 23 commands, live browser iteration and 61 detector rules for common AI-generated UI tells
Vercel Agent Skills
Agent Skills
Vercel's skills: React and Next.js performance, UI guideline audits, React Native, component composition and deploys