Search everything...

Stats

Actions

Available In

meta-skills

Integration patterns and modern web design guidelines for building cohesive 3D/animation experiences

Publisher marketplacemeta-skills@claude-design-skillstack · marketplace and plugin share one repository (martiancoder12/claudedesignskills)

npx claudepluginhub martiancoder12/claudedesignskills --plugin meta-skills

Popularity

Stars

Med: 0·Avg: 515

Copy clicks

Med: 0·Avg: 1

What's Inside

Slash Commands4

/modern-web-design-design_audit

Modern Web Design - Design Audit

/modern-web-design-pattern_generator

Modern Web Design - Pattern Generator

/web3d-integration-patterns-help

Get help with Web3D Integration Patterns

/web3d-integration-patterns-setup

Initialize Web3D Integration Patterns project

Agents3

Meta Skills Integration Specialist

/meta-skills-integration

Expert integration specialist for combining Meta Skills technologies into cohesive applications.

Modern Web Design Specialist

/modern-web-design-specialist

Expert specialist in Modern Web Design implementation, patterns, and best practices.

Web3D Integration Patterns Specialist

/web3d-integration-patterns-specialist

Expert specialist in Web3D Integration Patterns implementation, patterns, and best practices.

Skills2

modern-web-design

/modern-web-design

Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions, scrollytelling, bold minimalism, cursor UX, glassmorphism, accessibility compliance, performance optimization, or design system architecture. References animation skills (GSAP, Framer Motion, React Spring), 3D skills (Three.js, R3F, Babylon.js), and component libraries for implementation guidance.

web3d-integration-patterns

/web3d-integration-patterns

Meta-skill for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion, and React Spring for complex 3D web experiences. Use when building applications that integrate multiple 3D and animation libraries, requiring architecture patterns, state management, and performance optimization across the stack. Triggers on tasks involving library integration, multi-library architectures, scroll-driven 3D experiences, physics-based 3D animations, or complex interactive 3D applications.

The plugin manifest points to a different repository than the source indexed by ClaudePluginHub.

Stats

Version1.0.0

LanguagePython

Stars0

MaintenanceUnmaintained

LicenseApache-2.0

Last CommitNov 14, 2025

AddedJul 7, 2026

Actions

View on GitHub View README Plugin Marketplace JSON Homepage

Own this plugin?

Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).

Available In

claude-design-skillstack

Safety Signals

Caution

Uses power tools

Uses Bash, Write, or Edit tools

README

Claude Design Skillstack

Professional design agency skillstack for 3D/WebGL, animation, and modern web development

Claude Code plugin marketplace providing comprehensive coverage of modern web technologies including Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js, and more.

🚀 Quick Start (Plugin Marketplace)

New: Install skills as plugins directly from this marketplace!

# Add marketplace to Claude Code
/plugin marketplace add freshtechbro/claudedesignskills

# Install individual plugins
/plugin install threejs-webgl
/plugin install gsap-scrolltrigger
/plugin install react-three-fiber

# Or install complete bundles
/plugin install core-3d-animation        # 5 skills: Three.js, GSAP, R3F, Motion, Babylon
/plugin install extended-3d-scroll       # 6 skills: A-Frame, Vanta, PlayCanvas, PixiJS, Locomotive, Barba
/plugin install animation-components     # 5 skills: React Spring, Magic UI, AOS, Anime.js, Lottie
/plugin install authoring-motion         # 4 skills: Blender, Spline, Rive, Substance 3D
/plugin install meta-skills             # 2 skills: Integration patterns, Modern design

Each plugin includes:

✅ Complete skill content with SKILL.md
✅ 1-3 slash commands for quick actions
✅ 1-2 specialized agents for domain expertise
✅ Scripts, references, and asset templates

📚 View complete marketplace documentation →

Overview

27 plugins (22 individual + 5 bundles) extending Claude Code with specialized knowledge for cutting-edge web technologies.

Key Features:

🏪 Plugin marketplace with 27 ready-to-install plugins
✅ 22 individual skills + 5 category bundles
🔧 50+ slash commands for instant boilerplate generation
🤖 27+ specialized agents for domain expertise
📚 Comprehensive patterns, examples, and integration guides
🚀 Auto-activates when Claude detects relevant tasks

What are Claude Skills?

Modular packages that teach Claude specific technologies. Each contains:

SKILL.md - Instructions and patterns
references/ - API docs and guides
scripts/ - Automation utilities
assets/ - Templates and examples

Progressive disclosure: Claude loads only what's needed per task.

Available Plugins

Individual Plugins (22)

All plugins include slash commands and specialized agents. Full details →

Category Bundles (5)

core-3d-animation - Three.js, GSAP, R3F, Motion, Babylon.js (5 skills, 9 commands, 6 agents)
extended-3d-scroll - A-Frame, Vanta, PlayCanvas, PixiJS, Locomotive, Barba (6 skills, 12 commands, 7 agents)
animation-components - React Spring, Magic UI, AOS, Anime.js, Lottie (5 skills, 10 commands, 6 agents)
authoring-motion - Blender, Spline, Rive, Substance 3D (4 skills, 10 commands, 5 agents)
meta-skills - Integration patterns, Modern design (2 skills, 4 commands, 3 agents)

Available Skills

Core 3D & Animation (5)

threejs-webgl • gsap-scrolltrigger • react-three-fiber • motion-framer • babylonjs-engine

Extended 3D & Scroll (6)

aframe-webxr • lightweight-3d-effects • playcanvas-engine • pixijs-2d • locomotive-scroll • barba-js

Animation & Components (5)

react-spring-physics • animated-component-libraries • scroll-reveal-libraries • animejs • lottie-animations

3D Authoring & Motion (4)

blender-web-pipeline • spline-interactive • rive-interactive • substance-3d-texturing

Meta-Skills (2)

web3d-integration-patterns • modern-web-design

Installation

Prerequisites: Claude Code CLI or claude.com/code

Option 1: Plugin Marketplace (Recommended - New!)

Install directly from the marketplace:

# Add marketplace
/plugin marketplace add freshtechbro/claudedesignskills

# Browse and install plugins
/plugin install threejs-webgl
/plugin install core-3d-animation  # Bundle: 5 skills + commands + agents

Benefits:

✅ One-command installation
✅ Includes slash commands for quick actions
✅ Specialized agents for domain expertise
✅ Automatic updates when repo updates
✅ Individual plugins or category bundles

Option 2: Upload to claude.ai

Upload individual skills directly to claude.ai:

Go to Settings > Features > Skills
Click Upload skill
Select any .zip file from .claude/skills/
Skill activates automatically when Claude detects relevant tasks

View full README on GitHub

More by martiancoder12

react-three-fiber

0·

Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js. Use when building interactive 3D experiences in React applications with component-based architecture, state management, and reusable abstractions. Ideal for product configurators, portfolios, games, data visualization, and immersive web experiences.

8mo

v1.0.0

martiancoder12

lightweight-3d-effects

0·

Lightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js. Use this skill when adding pseudo-3D illustrations, animated backgrounds, parallax tilt effects, decorative 3D elements, or subtle depth effects without heavy frameworks. Triggers on tasks involving Zdog pseudo-3D, Vanta.js backgrounds, Vanilla-Tilt parallax, card tilt effects, hero section animations, or lightweight landing page visuals. Ideal for performance-focused designs.

8mo

v1.0.0

martiancoder12

core-3d-animation

0·

Complete core 3D and animation stack with Three.js, GSAP, React Three Fiber, Framer Motion, and Babylon.js

8mo

v1.0.0

martiancoder12

playcanvas-engine

0·

Lightweight WebGL/WebGPU game engine with entity-component architecture and visual editor integration. Use this skill when building browser-based games, interactive 3D applications, or performance-critical web experiences. Triggers on tasks involving PlayCanvas, entity-component systems, game engine development, WebGL games, 3D browser applications, editor-first workflows, or real-time 3D rendering. Alternative to Three.js with game-specific features and integrated development environment.

8mo

v1.0.0

martiancoder12

barba-js

0·

Page transitions library for creating fluid, smooth transitions between website pages. Use this skill when implementing page transitions, creating SPA-like experiences, adding animated route changes, or building websites with smooth navigation. Triggers on tasks involving Barba.js, page transitions, routing, view management, transition hooks, GSAP integration, or smooth page navigation. Works with gsap-scrolltrigger for transition animations.

8mo

v1.0.0

martiancoder12

meta-skills

Popularity

What's Inside

Confidence

README

Claude Design Skillstack

🚀 Quick Start (Plugin Marketplace)

Overview

What are Claude Skills?

Available Plugins

Individual Plugins (22)

Category Bundles (5)

Available Skills

Core 3D & Animation (5)

Extended 3D & Scroll (6)

Animation & Components (5)

3D Authoring & Motion (4)

Meta-Skills (2)

Installation

Option 1: Plugin Marketplace (Recommended - New!)

Option 2: Upload to claude.ai

Similar Plugins

caveman

ui-design

llm-council-plugin

open-agent-hub

nanobanana

product-management

More by martiancoder12

react-three-fiber

lightweight-3d-effects

core-3d-animation

playcanvas-engine

barba-js

Claude Design Skillstack

🚀 Quick Start (Plugin Marketplace)

Overview

What are Claude Skills?

Available Plugins

Individual Plugins (22)

Category Bundles (5)

Available Skills

Core 3D & Animation (5)

Extended 3D & Scroll (6)

Animation & Components (5)

3D Authoring & Motion (4)

Meta-Skills (2)

Installation

Option 1: Plugin Marketplace (Recommended - New!)

Option 2: Upload to claude.ai

Popularity

Health & Quality

More by martiancoder12

react-three-fiber

lightweight-3d-effects

core-3d-animation

playcanvas-engine

barba-js

Similar Plugins

caveman

ui-design

llm-council-plugin

open-agent-hub

nanobanana

product-management