Does claudedesignskills auto-invoke its skills?

Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.

Is claudedesignskills free?

Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.

Development

Plugin

claudedesignskills

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

FLOW.md

freshtechbro@freshtechbro

GitHub

Plugin Signal57/100Fair

maintained8

capable100

documented75

adopted60

Install

$ npx -y skills add freshtechbro/claudedesignskills --agent claude-code

Run the curl in your terminal, the rest in Claude Code.

Stats

Python TypeScript JavaScript React Tailwind

+6 tags

HTML CSS Bash Git GitHub Anthropic

689

Stars

114

Forks

Quiet

Maintenance

Python

Language

MIT

License

8mo ago

Last commit

9mo ago

Created

Repo: freshtechbro/claudedesignskills

In this plugin

82 commands 27 agents 23 skills

See everything inside

What's inside

Skills

/aframe-webxrDeclarative web framework for building browser-based 3D, VR, and AR experiences using HTML and entity-component architecture. Use this skill when creating WebXR applications, VR experiences, AR experiences, 360-degree media viewers, or immersive web content with minimal /animated-component-librariesPre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring /animejsVersatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects. Use when creating timeline-based animations, stagger effects, SVG morphing, keyframe sequences, or complex choreographed animations. Triggers on tasks involving Anime.js, timeline animations,/babylonjs-engineComprehensive skill for Babylon.js 3D web rendering engine. Use this skill when building real-time 3D experiences, browser-based games, interactive visualizations, or immersive web applications. Triggers on tasks involving Babylon.js, 3D scenes, WebGL/WebGPU rendering,/barba-jsPage 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 /blender-web-pipelineBlender to web export workflows for 3D models and animations. Use this skill when exporting Blender models to glTF for web, optimizing 3D assets for Three.js or Babylon.js, batch processing models with Python scripts, automating Blender workflows, or creating web-ready 3D

Show all 67 skills

Agents

animated-component-libraries-specialistExpert specialist in Animated Component Libraries implementation, patterns, and best practices.animation-components-integrationExpert integration specialist for combining Animation & Components technologies into cohesive applications.animejs-choreographerExpert animation choreographer specializing in Anime.js animation design, timing, and orchestration.lottie-animations-choreographerExpert animation choreographer specializing in Lottie animation design, timing, and orchestration.react-spring-physics-choreographerExpert animation choreographer specializing in React Spring animation design, timing, and orchestration.scroll-reveal-libraries-specialistExpert specialist in Scroll Reveal Libraries implementation, patterns, and best practices.

Show all 27 agents

Commands

/animated-component-libraries-component_importerAnimated Component Libraries - Component Importer /animated-component-libraries-props_generatorAnimated Component Libraries - Props Generator /animejs-animation_generatorAnime.js - Animation Generator /animejs-timeline_builderAnime.js - Timeline Builder /lottie-animations-generate_lottie_componentLottie - Generate Lottie Component /lottie-animations-optimize_lottieLottie - Optimize Lottie

Show all 82 commands

/react-spring-physics-physics_calculatorReact Spring - Physics Calculator /react-spring-physics-spring_generatorReact Spring - Spring Generator /scroll-reveal-libraries-aos_generatorScroll Reveal Libraries - Aos Generator /scroll-reveal-libraries-config_builderScroll Reveal Libraries - Config Builder /blender-web-pipeline-batch_exportBlender Web Pipeline - Batch Export /blender-web-pipeline-generate_lodsBlender Web Pipeline - Generate Lods /blender-web-pipeline-optimize_modelBlender Web Pipeline - Optimize Model /rive-interactive-component_generatorRive - Component Generator /rive-interactive-viewmodel_builderRive - Viewmodel Builder /spline-interactive-component_builderSpline - Component Builder /spline-interactive-project_generatorSpline - Project Generator /substance-3d-texturing-batch_exportSubstance 3D - Batch Export /substance-3d-texturing-generate_export_presetSubstance 3D - Generate Export Preset /substance-3d-texturing-web_optimizerSubstance 3D - Web Optimizer /babylonjs-engine-mesh_builderBabylon.js - Mesh Builder /babylonjs-engine-scene_generatorBabylon.js - Scene Generator /gsap-scrolltrigger-generate_animationGSAP ScrollTrigger - Generate Animation /gsap-scrolltrigger-timeline_builderGSAP ScrollTrigger - Timeline Builder /motion-framer-animation_generatorFramer Motion - Animation Generator /motion-framer-variant_builderFramer Motion - Variant Builder /react-three-fiber-component_generatorReact Three Fiber - Component Generator /react-three-fiber-scene_setupReact Three Fiber - Scene Setup /threejs-webgl-setup_sceneThree.js WebGL - Setup Scene /aframe-webxr-component_builderA-Frame WebXR - Component Builder /aframe-webxr-scene_generatorA-Frame WebXR - Scene Generator /barba-js-project_setupBarba.js - Project Setup /barba-js-transition_generatorBarba.js - Transition Generator /lightweight-3d-effects-generate_zdogLightweight 3D Effects - Generate Zdog /lightweight-3d-effects-setup_vantaLightweight 3D Effects - Setup Vanta /locomotive-scroll-generate_configLocomotive Scroll - Generate Config /locomotive-scroll-integration_helperLocomotive Scroll - Integration Helper /pixijs-2d-particle_builderPixiJS 2D - Particle Builder /pixijs-2d-sprite_generatorPixiJS 2D - Sprite Generator /playcanvas-engine-component_builderPlayCanvas - Component Builder /playcanvas-engine-project_generatorPlayCanvas - Project Generator /modern-web-design-design_auditModern Web Design - Design Audit /modern-web-design-pattern_generatorModern Web Design - Pattern Generator /web3d-integration-patterns-helpGet help with Web3D Integration Patterns /web3d-integration-patterns-setupInitialize Web3D Integration Patterns project /component_builderA-Frame WebXR - Component Builder /scene_generatorA-Frame WebXR - Scene Generator /component_importerAnimated Component Libraries - Component Importer /props_generatorAnimated Component Libraries - Props Generator /animation_generatorAnime.js - Animation Generator /timeline_builderAnime.js - Timeline Builder /mesh_builderBabylon.js - Mesh Builder /project_setupBarba.js - Project Setup /transition_generatorBarba.js - Transition Generator /batch_exportBlender Web Pipeline - Batch Export /generate_lodsBlender Web Pipeline - Generate Lods /optimize_modelBlender Web Pipeline - Optimize Model /generate_animationGSAP ScrollTrigger - Generate Animation /generate_zdogLightweight 3D Effects - Generate Zdog /setup_vantaLightweight 3D Effects - Setup Vanta /generate_configLocomotive Scroll - Generate Config /integration_helperLocomotive Scroll - Integration Helper /generate_lottie_componentLottie - Generate Lottie Component /optimize_lottieLottie - Optimize Lottie /design_auditModern Web Design - Design Audit /pattern_generatorModern Web Design - Pattern Generator /variant_builderFramer Motion - Variant Builder /particle_builderPixiJS 2D - Particle Builder /sprite_generatorPixiJS 2D - Sprite Generator /project_generatorPlayCanvas - Project Generator /physics_calculatorReact Spring - Physics Calculator /spring_generatorReact Spring - Spring Generator /component_generatorReact Three Fiber - Component Generator /scene_setupReact Three Fiber - Scene Setup /viewmodel_builderRive - Viewmodel Builder /aos_generatorScroll Reveal Libraries - Aos Generator /config_builderScroll Reveal Libraries - Config Builder /generate_export_presetSubstance 3D - Generate Export Preset /web_optimizerSubstance 3D - Web Optimizer /setup_sceneThree.js WebGL - Setup Scene /helpGet help with Web3D Integration Patterns /setupInitialize Web3D Integration Patterns project

README

Read on GitHub

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

All skills are properly packaged with:

✅ SKILL.md at root level with valid YAML frontmatter
✅ No nested zip files
✅ Correct directory structure for claude.ai

Option 3: Clone Repository (Development)

Clone for skill development or local customization:

git clone https://github.com/freshtechbro/claudedesignskills.git
cd claudedesignskills

Skills auto-activate when triggered. Example prompts:

"Create a Three.js scene with PBR materials" → threejs-webgl
"Add GSAP scroll animations" → gsap-scrolltrigger
"Build React Three Fiber component with physics" → react-three-fiber

Option 4: Individual Skills (Local Projects)

Copy individual skills to your project:

# Extract skill contents (not the zip itself)
unzip .claude/skills/threejs-webgl.zip -d your-project/.claude/skills/threejs-webgl/

Creating Skills

# Initialize new skill
.claude/skills/skill-creator/scripts/init_skill.py my-skill --path .claude/skills

# Validate
.claude/skills/skill-creator/scripts/quick_validate.py .claude/skills/my-skill

# Package (auto-validates)
.claude/skills/skill-creator/scripts/package_skill.py .claude/skills/my-skill

Packaging Requirements

All skills in this repository meet claude.ai upload requirements:

Required ZIP Structure:

skill-name.zip
├── SKILL.md              ← Must be at root level!
├── references/
│   └── api_reference.md
├── scripts/
│   └── helper_script.py
└── assets/
    └── templates/

Automatic Validation:

package_skill.py ensures correct structure
Skips .zip files to prevent nesting
Places SKILL.md at root level (not in subdirectory)
Validates YAML frontmatter before packaging

Common Errors (all fixed in this repo):

❌ SKILL.md inside subdirectory (e.g., skill-name/SKILL.md)
❌ Nested .zip files inside archive
❌ Missing or invalid YAML frontmatter

Generator Scripts

Each skill includes automation utilities. Examples:

threejs-webgl: setup_scene.py - Three.js boilerplate
react-three-fiber: component_generator.py - 12 R3F component types
motion-framer: animation_generator.py - 11 animation types
babylonjs-engine: scene_generator.py - 8 scene types, mesh_builder.py - 13 shapes
gsap-scrolltrigger: generate_animation.py, timeline_builder.py

50+ generators total across all skills.

Repository Verification

# Count skills (should be 23)
ls -d .claude/skills/*/ | wc -l

# Count packages (should be 22)
find .claude/skills -name "*.zip" -type f | wc -l

# Validate all
for skill in .claude/skills/*/; do
  .claude/skills/skill-creator/scripts/quick_validate.py "$skill"
done

Skill Relationships

Foundation: threejs-webgl (used by R3F, A-Frame, Vanta) • gsap-scrolltrigger (integrates with most) • motion-framer (used by component libs)

Alternatives: 3D (threejs-webgl vs babylonjs-engine vs playcanvas-engine) • Animation (gsap vs motion vs react-spring) • Scroll (locomotive vs AOS)

Common Integrations: Three.js + GSAP • R3F + Motion • Vanta + GSAP

Contributing

Fork repo
Create/improve skill using init_skill.py
Follow Claude Skills standards
Validate with quick_validate.py
Submit PR with packaged skill

Guidelines: Imperative form in SKILL.md • Runnable examples • Executable scripts (chmod +x) • Python 3 stdlib only • Proper YAML frontmatter

Documentation

CLAUDE.md - Repository guidance for Claude Code
Official Docs - Claude Skills guidelines
Individual Skills - Each SKILL.md contains detailed instructions

License

MIT License - see LICENSE file

Status

✅ Production Ready - All 22 skills complete, validated, and packaged 🏪 Plugin Marketplace - 27 plugins (22 individual + 5 bundles) ready to install 📦 22 Skills - 3D graphics, animation, scroll effects, interactive web 🔧 50+ Commands - Slash commands for instant boilerplate 🤖 27+ Agents - Specialized domain experts 📚 Fully Documented - Guides, patterns, examples 🚀 Upload Ready - All skills meet claude.ai packaging requirements

Recent Updates

2025-11-13: Launched Plugin Marketplace

✅ Created 27 plugins (22 individual + 5 category bundles)
✅ Added 50+ slash commands for quick actions
✅ Created 27+ specialized agents for domain expertise
✅ Published marketplace.json for easy installation
✅ Full marketplace documentation in MARKETPLACE.md

2025-10-25: Fixed packaging script for claude.ai compatibility

✅ Corrected ZIP structure (SKILL.md at root level)
✅ Removed nested .zip files
✅ All 22 skills re-packaged with correct structure
✅ Verified upload compatibility with claude.ai

Built following Anthropic's Claude Skills guidelines.

Ready to use: Upload any skill to claude.ai or clone the repository!

Star this repository to stay updated with new skills and features!

File tree

1027

freshtechbro/claudedesignskillsView on GitHub

.claude/
.claude-plugin/
  marketplace.json
  skills/
    aframe-webxr/
    aframe-webxr.zip
      assets/
        examples/
          README.md
        starter_aframe/
          index.html
          main.js
          README.md
          style.css
      references/
        api_reference.md
        components_library.md
        webxr_guide.md
      scripts/
        component_builder.py
        scene_generator.py
      SKILL.md
    animated-component-libraries/
    animated-component-libraries.zip
      assets/
        README.md
      references/
        customization_guide.md
        magic_ui_components.md
        react_bits_components.md
      scripts/
        component_importer.py
        props_generator.py
      SKILL.md
    animejs/
    animejs.zip
      assets/
        README.md
      references/
        api_reference.md
        stagger_guide.md
        timeline_guide.md
      scripts/
        animation_generator.py
        timeline_builder.py
      SKILL.md
    babylonjs-engine/
    babylonjs-engine.zip
      assets/
        examples/
          README.md
        starter_babylon/
          index.html
          package.json
          README.md
          src/
            main.js
            style.css
          vite.config.js
      references/
        api_reference.md
      scripts/
        mesh_builder.py
        scene_generator.py
      SKILL.md
    barba-js/
    barba-js.zip
      assets/
        README.md
      references/
        api_reference.md
        gsap_integration.md
        hooks_guide.md
        transition_patterns.md
      scripts/
        project_setup.py
        transition_generator.py
      SKILL.md
    blender-web-pipeline/
    blender-web-pipeline.zip
      assets/
        README.md
      references/
        bpy_api_reference.md
        gltf_export_guide.md
        optimization_strategies.md
      scripts/
        batch_export.py
        generate_lods.py
        optimize_model.py
      SKILL.md
    gsap-scrolltrigger/
    gsap-scrolltrigger.zip
      assets/
        easings/
          easing_visualizer.html
        examples/
          README.md
        starter_scroll/
          index.html
          main.js
          README.md
          style.css
      references/
        api_reference.md
        common_patterns.md
        easing_guide.md
      scripts/
        generate_animation.py
        timeline_builder.py
      SKILL.md
    lightweight-3d-effects/
    lightweight-3d-effects.zip
      assets/
        examples/
          README.md
        starter_lightweight/
          index.html
          main.js
          README.md
          style.css
      references/
        tilt_patterns.md
        vantajs_effects.md
        zdog_api.md
      scripts/
        generate_zdog.py
        setup_vanta.py
      SKILL.md
    locomotive-scroll/
    locomotive-scroll.zip
      assets/
        starter_locomotive/
          index.html
          main.js
          package.json
          README.md
          style.css
      references/
        api_reference.md
        gsap_integration.md
      scripts/
        generate_config.py
        integration_helper.py
      SKILL.md
    lottie-animations/
    lottie-animations.zip
      assets/
        starter_lottie/
          README.md
      references/
        after_effects_export.md
        api_reference.md
        performance_guide.md
      scripts/
        generate_lottie_component.py
        optimize_lottie.py
      SKILL.md
    modern-web-design/
    modern-web-design.zip
      assets/
        README.md
      references/
        accessibility_guide.md
        design_trends_2024.md
        interaction_patterns.md
        performance_checklist.md
      scripts/
        design_audit.py
        pattern_generator.py
      SKILL.md
    motion-framer/
    motion-framer.zip
      assets/
        examples/
          README.md
        starter_motion/
          index.html
          package.json
          README.md
          src/
            App.css
            App.jsx
            components/
              DraggableBox.jsx
              HoverCard.jsx
              StaggerList.jsx
            main.jsx
          vite.config.js
      references/
        api_reference.md
      scripts/
        animation_generator.py
        variant_builder.py
      SKILL.md
    pixijs-2d/
    pixijs-2d.zip
      assets/
        examples/
          README.md
        starter_pixijs/
          index.html
          main.js
          README.md
          styles.css
      references/
        api_reference.md
        filters_effects.md
        performance_guide.md
      scripts/
        particle_builder.py
        sprite_generator.py
      SKILL.md
    playcanvas-engine/
    playcanvas-engine.zip
      assets/
        examples/
          README.md
        starter_playcanvas/
          index.html
          README.md
          scripts/
            app.js
            camera-controller.js
            input-manager.js
          styles.css
      references/
        api_reference.md
        editor_workflow.md
        optimization_guide.md
      scripts/
        component_builder.py
        project_generator.py
      SKILL.md
    react-spring-physics/
    react-spring-physics.zip
      assets/
        README.md
      references/
        physics_guide.md
        popmotion_api.md
        react_spring_api.md
      scripts/
        physics_calculator.py
        spring_generator.py
      SKILL.md
    react-three-fiber/
    react-three-fiber.zip
      assets/
        examples/
          README.md
        starter_r3f/
          index.html
          package.json
          README.md
          src/
            App.jsx
            components/
              Box.jsx
              Sphere.jsx
            Experience.jsx
            main.jsx
          vite.config.js
      references/
        api_reference.md
      scripts/
        component_generator.py
        scene_setup.py
      SKILL.md
    rive-interactive/
    rive-interactive.zip
      assets/
        README.md
      references/
        api_reference.md
      scripts/
        component_generator.py
        viewmodel_builder.py
      SKILL.md
    scroll-reveal-libraries/
    scroll-reveal-libraries.zip
      assets/
        README.md
      references/
        animation_catalog.md
        aos_api.md
      scripts/
        aos_generator.py
        config_builder.py
      SKILL.md
    skill-creator/
      LICENSE.txt
      scripts/
        __pycache__/
          quick_validate.cpython-313.pyc
        init_skill.py
        package_skill.py
        quick_validate.py
      SKILL.md
    spline-interactive/
    spline-interactive.zip
      assets/
        README.md
      references/
        api_reference.md
      scripts/
        component_builder.py
        project_generator.py
      SKILL.md
    substance-3d-texturing/
    substance-3d-texturing.zip
      assets/
        export_templates/
          babylonjs_pbr.json
          gltf_standard.json
          mobile_webgl.json
          threejs_optimized.json
          web_orm_packed.json
        README.md
      references/
        export_presets.md
        pbr_channel_guide.md
        python_api_reference.md
      scripts/
        batch_export.py
        generate_export_preset.py
        web_optimizer.py
      SKILL.md
    threejs-webgl/
    threejs-webgl.zip
      assets/
        starter_scene/
          index.html
          main.js
          README.md
      references/
        api_reference.md
        materials_guide.md
        optimization_checklist.md
      scripts/
        setup_scene.py
      SKILL.md
    web3d-integration-patterns/
    web3d-integration-patterns.zip
      SKILL.md
.factory/
  docs/
    2025-11-18-skill-migration-local-to-personal-copy-all.md
  droids/
    aframe-webxr.md
    animated-component-libraries.md
    animejs.md
    babylonjs-engine.md
    barba-js.md
    blender-web-pipeline.md
    gsap-scrolltrigger.md
    lightweight-3d-effects.md
    locomotive-scroll.md
    lottie-animations.md
    modern-web-design.md
    motion-framer.md
    pixijs-2d.md
    playcanvas-engine.md
    react-spring-physics.md
    react-three-fiber.md
    rive-interactive.md
    scroll-reveal-libraries.md
    spline-interactive.md
    substance-3d-texturing.md
    threejs-webgl.md
    web3d-integration-patterns.md
  README.md
  skills/
    aframe-webxr/
      assets/
        examples/
          README.md
        starter_aframe/
          index.html
          main.js
          README.md
          style.css
      references/
        api_reference.md
        components_library.md
        webxr_guide.md
      scripts/
        component_builder.py
        scene_generator.py
      SKILL.md
    animated-component-libraries/
      assets/
        README.md
      references/
        customization_guide.md
        magic_ui_components.md
        react_bits_components.md
      scripts/
        component_importer.py
        props_generator.py
... 1227 more

FAQ

claudedesignskills is a Claude Code plugin with 67 hand-picked skills for development work, indexed on Flowy. Install it with the command on its page. It includes aframe-webxr, animated-component-libraries, animejs. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.

What is claudedesignskills?: 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
How do I install claudedesignskills?: Run these in Claude Code: npx -y skills add freshtechbro/claudedesignskills --agent claude-code. Then prompt normally.
Does claudedesignskills auto-invoke its skills?: Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
Is claudedesignskills free?: Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.