claudedesignskills
A comprehensive collection of Claude Code skills for modern web development, specializing in 3D graphics, animation, and interactive web experiences.
File Explorer
Download Latest Version (.zip)- README.md
- index.html
- main.js
- README.md
- style.css
- api_reference.md
- components_library.md
- webxr_guide.md
- component_builder.py
- scene_generator.py
- SKILL.md
- README.md
- customization_guide.md
- magic_ui_components.md
- react_bits_components.md
- component_importer.py
- props_generator.py
- SKILL.md
- README.md
- api_reference.md
- stagger_guide.md
- timeline_guide.md
- animation_generator.py
- timeline_builder.py
- SKILL.md
- README.md
- main.js
- style.css
- index.html
- package.json
- README.md
- vite.config.js
- api_reference.md
- mesh_builder.py
- scene_generator.py
- SKILL.md
- README.md
- api_reference.md
- gsap_integration.md
- hooks_guide.md
- transition_patterns.md
- project_setup.py
- transition_generator.py
- SKILL.md
- README.md
- bpy_api_reference.md
- gltf_export_guide.md
- optimization_strategies.md
- batch_export.py
- generate_lods.py
- optimize_model.py
- SKILL.md
- easing_visualizer.html
- README.md
- index.html
- main.js
- README.md
- style.css
- api_reference.md
- common_patterns.md
- easing_guide.md
- generate_animation.py
- timeline_builder.py
- SKILL.md
- README.md
- index.html
- main.js
- README.md
- style.css
- tilt_patterns.md
- vantajs_effects.md
- zdog_api.md
- generate_zdog.py
- setup_vanta.py
- SKILL.md
- index.html
- main.js
- package.json
- README.md
- style.css
- api_reference.md
- gsap_integration.md
- generate_config.py
- integration_helper.py
- SKILL.md
- README.md
- after_effects_export.md
- api_reference.md
- performance_guide.md
- generate_lottie_component.py
- optimize_lottie.py
- SKILL.md
- README.md
- accessibility_guide.md
- design_trends_2024.md
- interaction_patterns.md
- performance_checklist.md
- design_audit.py
- pattern_generator.py
- SKILL.md
- README.md
- DraggableBox.jsx
- HoverCard.jsx
- StaggerList.jsx
- App.css
- App.jsx
- main.jsx
- index.html
- package.json
- README.md
- vite.config.js
- api_reference.md
- animation_generator.py
- variant_builder.py
- SKILL.md
- README.md
- index.html
- main.js
- README.md
- styles.css
- api_reference.md
- filters_effects.md
- performance_guide.md
- particle_builder.py
- sprite_generator.py
- SKILL.md
- README.md
- app.js
- camera-controller.js
- input-manager.js
- index.html
- README.md
- styles.css
- api_reference.md
- editor_workflow.md
- optimization_guide.md
- component_builder.py
- project_generator.py
- SKILL.md
- README.md
- physics_guide.md
- popmotion_api.md
- react_spring_api.md
- physics_calculator.py
- spring_generator.py
- SKILL.md
- README.md
- Box.jsx
- Sphere.jsx
- App.jsx
- Experience.jsx
- main.jsx
- index.html
- package.json
- README.md
- vite.config.js
- api_reference.md
- component_generator.py
- scene_setup.py
- SKILL.md
- README.md
- api_reference.md
- component_generator.py
- viewmodel_builder.py
- SKILL.md
- README.md
- animation_catalog.md
- aos_api.md
- aos_generator.py
- config_builder.py
- SKILL.md
- quick_validate.cpython-313.pyc
- init_skill.py
- package_skill.py
- quick_validate.py
- LICENSE.txt
- SKILL.md
- README.md
- api_reference.md
- component_builder.py
- project_generator.py
- SKILL.md
- babylonjs_pbr.json
- gltf_standard.json
- mobile_webgl.json
- threejs_optimized.json
- web_orm_packed.json
- README.md
- export_presets.md
- pbr_channel_guide.md
- python_api_reference.md
- batch_export.py
- generate_export_preset.py
- web_optimizer.py
- SKILL.md
- index.html
- main.js
- README.md
- api_reference.md
- materials_guide.md
- optimization_checklist.md
- setup_scene.py
- SKILL.md
- SKILL.md
- aframe-webxr.zip
- animated-component-libraries.zip
- animejs.zip
- babylonjs-engine.zip
- barba-js.zip
- blender-web-pipeline.zip
- gsap-scrolltrigger.zip
- lightweight-3d-effects.zip
- locomotive-scroll.zip
- lottie-animations.zip
- modern-web-design.zip
- motion-framer.zip
- pixijs-2d.zip
- playcanvas-engine.zip
- react-spring-physics.zip
- react-three-fiber.zip
- rive-interactive.zip
- scroll-reveal-libraries.zip
- spline-interactive.zip
- substance-3d-texturing.zip
- threejs-webgl.zip
- web3d-integration-patterns.zip
- marketplace.json
- 2025-11-18-skill-migration-local-to-personal-copy-all.md
- 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
- index.html
- main.js
- README.md
- style.css
- api_reference.md
- components_library.md
- webxr_guide.md
- component_builder.py
- scene_generator.py
- SKILL.md
- README.md
- customization_guide.md
- magic_ui_components.md
- react_bits_components.md
- component_importer.py
- props_generator.py
- SKILL.md
- README.md
- api_reference.md
- stagger_guide.md
- timeline_guide.md
- animation_generator.py
- timeline_builder.py
- SKILL.md
- README.md
- main.js
- style.css
- index.html
- package.json
- README.md
- vite.config.js
- api_reference.md
- mesh_builder.py
- scene_generator.py
- SKILL.md
- README.md
- api_reference.md
- gsap_integration.md
- hooks_guide.md
- transition_patterns.md
- project_setup.py
- transition_generator.py
- SKILL.md
- README.md
- bpy_api_reference.md
- gltf_export_guide.md
- optimization_strategies.md
- batch_export.py
- generate_lods.py
- optimize_model.py
- SKILL.md
- easing_visualizer.html
- README.md
- index.html
- main.js
- README.md
- style.css
- api_reference.md
- common_patterns.md
- easing_guide.md
- generate_animation.py
- timeline_builder.py
- SKILL.md
- README.md
- index.html
- main.js
- README.md
- style.css
- tilt_patterns.md
- vantajs_effects.md
- zdog_api.md
- generate_zdog.py
- setup_vanta.py
- SKILL.md
- index.html
- main.js
- package.json
- README.md
- style.css
- api_reference.md
- gsap_integration.md
- generate_config.py
- integration_helper.py
- SKILL.md
- README.md
- after_effects_export.md
- api_reference.md
- performance_guide.md
- generate_lottie_component.py
- optimize_lottie.py
- SKILL.md
- README.md
- accessibility_guide.md
- design_trends_2024.md
- interaction_patterns.md
- performance_checklist.md
- design_audit.py
- pattern_generator.py
- SKILL.md
- README.md
- DraggableBox.jsx
- HoverCard.jsx
- StaggerList.jsx
- App.css
- App.jsx
- main.jsx
- index.html
- package.json
- README.md
- vite.config.js
- api_reference.md
- animation_generator.py
- variant_builder.py
- SKILL.md
- README.md
- index.html
- main.js
- README.md
- styles.css
- api_reference.md
- filters_effects.md
- performance_guide.md
- particle_builder.py
- sprite_generator.py
- SKILL.md
- README.md
- app.js
- camera-controller.js
- input-manager.js
- index.html
- README.md
- styles.css
- api_reference.md
- editor_workflow.md
- optimization_guide.md
- component_builder.py
- project_generator.py
- SKILL.md
- README.md
- physics_guide.md
- popmotion_api.md
- react_spring_api.md
- physics_calculator.py
- spring_generator.py
- SKILL.md
- README.md
- Box.jsx
- Sphere.jsx
- App.jsx
- Experience.jsx
- main.jsx
- index.html
- package.json
- README.md
- vite.config.js
- api_reference.md
- component_generator.py
- scene_setup.py
- SKILL.md
- README.md
- api_reference.md
- component_generator.py
- viewmodel_builder.py
- SKILL.md
- README.md
- animation_catalog.md
- aos_api.md
- aos_generator.py
- config_builder.py
- SKILL.md
- init_skill.py
- package_skill.py
- quick_validate.py
- LICENSE.txt
- SKILL.md
- README.md
- api_reference.md
- component_builder.py
- project_generator.py
- SKILL.md
- babylonjs_pbr.json
- gltf_standard.json
- mobile_webgl.json
- threejs_optimized.json
- web_orm_packed.json
- README.md
- export_presets.md
- pbr_channel_guide.md
- python_api_reference.md
- batch_export.py
- generate_export_preset.py
- web_optimizer.py
- SKILL.md
- index.html
- main.js
- README.md
- api_reference.md
- materials_guide.md
- optimization_checklist.md
- setup_scene.py
- SKILL.md
- SKILL.md
- README.md
- plugin.json
- animated-component-libraries-specialist.md
- animation-components-integration.md
- animejs-choreographer.md
- lottie-animations-choreographer.md
- react-spring-physics-choreographer.md
- scroll-reveal-libraries-specialist.md
- animated-component-libraries-component_importer.md
- animated-component-libraries-props_generator.md
- animejs-animation_generator.md
- animejs-timeline_builder.md
- lottie-animations-generate_lottie_component.md
- lottie-animations-optimize_lottie.md
- react-spring-physics-physics_calculator.md
- react-spring-physics-spring_generator.md
- scroll-reveal-libraries-aos_generator.md
- scroll-reveal-libraries-config_builder.md
- README.md
- customization_guide.md
- magic_ui_components.md
- react_bits_components.md
- component_importer.py
- props_generator.py
- SKILL.md
- README.md
- api_reference.md
- stagger_guide.md
- timeline_guide.md
- animation_generator.py
- timeline_builder.py
- SKILL.md
- README.md
- after_effects_export.md
- api_reference.md
- performance_guide.md
- generate_lottie_component.py
- optimize_lottie.py
- SKILL.md
- README.md
- physics_guide.md
- popmotion_api.md
- react_spring_api.md
- physics_calculator.py
- spring_generator.py
- SKILL.md
- README.md
- animation_catalog.md
- aos_api.md
- aos_generator.py
- config_builder.py
- SKILL.md
- plugin.json
- authoring-motion-integration.md
- blender-web-pipeline-pipeline.md
- rive-interactive-choreographer.md
- spline-interactive-pipeline.md
- substance-3d-texturing-pipeline.md
- blender-web-pipeline-batch_export.md
- blender-web-pipeline-generate_lods.md
- blender-web-pipeline-optimize_model.md
- rive-interactive-component_generator.md
- rive-interactive-viewmodel_builder.md
- spline-interactive-component_builder.md
- spline-interactive-project_generator.md
- substance-3d-texturing-batch_export.md
- substance-3d-texturing-generate_export_preset.md
- substance-3d-texturing-web_optimizer.md
- README.md
- bpy_api_reference.md
- gltf_export_guide.md
- optimization_strategies.md
- batch_export.py
- generate_lods.py
- optimize_model.py
- SKILL.md
- README.md
- api_reference.md
- component_generator.py
- viewmodel_builder.py
- SKILL.md
- README.md
- api_reference.md
- component_builder.py
- project_generator.py
- SKILL.md
- babylonjs_pbr.json
- gltf_standard.json
- mobile_webgl.json
- threejs_optimized.json
- web_orm_packed.json
- README.md
- export_presets.md
- pbr_channel_guide.md
- python_api_reference.md
- batch_export.py
- generate_export_preset.py
- web_optimizer.py
- SKILL.md
- plugin.json
- babylonjs-engine-architect.md
- core-3d-animation-integration.md
- gsap-scrolltrigger-choreographer.md
- motion-framer-choreographer.md
- react-three-fiber-architect.md
- threejs-webgl-architect.md
- babylonjs-engine-mesh_builder.md
- babylonjs-engine-scene_generator.md
- gsap-scrolltrigger-generate_animation.md
- gsap-scrolltrigger-timeline_builder.md
- motion-framer-animation_generator.md
- motion-framer-variant_builder.md
- react-three-fiber-component_generator.md
- react-three-fiber-scene_setup.md
- threejs-webgl-setup_scene.md
- README.md
- main.js
- style.css
- index.html
- package.json
- README.md
- vite.config.js
- api_reference.md
- mesh_builder.py
- scene_generator.py
- SKILL.md
- easing_visualizer.html
- README.md
- index.html
- main.js
- README.md
- style.css
- api_reference.md
- common_patterns.md
- easing_guide.md
- generate_animation.py
- timeline_builder.py
- SKILL.md
- README.md
- DraggableBox.jsx
- HoverCard.jsx
- StaggerList.jsx
- App.css
- App.jsx
- main.jsx
- index.html
- package.json
- README.md
- vite.config.js
- api_reference.md
- animation_generator.py
- variant_builder.py
- SKILL.md
- README.md
- Box.jsx
- Sphere.jsx
- App.jsx
- Experience.jsx
- main.jsx
- index.html
- package.json
- README.md
- vite.config.js
- api_reference.md
- component_generator.py
- scene_setup.py
- SKILL.md
- index.html
- main.js
- README.md
- api_reference.md
- materials_guide.md
- optimization_checklist.md
- setup_scene.py
- SKILL.md
- plugin.json
- aframe-webxr-architect.md
- barba-js-specialist.md
- extended-3d-scroll-integration.md
- lightweight-3d-effects-architect.md
- locomotive-scroll-specialist.md
- pixijs-2d-architect.md
- playcanvas-engine-architect.md
- aframe-webxr-component_builder.md
- aframe-webxr-scene_generator.md
- barba-js-project_setup.md
- barba-js-transition_generator.md
- lightweight-3d-effects-generate_zdog.md
- lightweight-3d-effects-setup_vanta.md
- locomotive-scroll-generate_config.md
- locomotive-scroll-integration_helper.md
- pixijs-2d-particle_builder.md
- pixijs-2d-sprite_generator.md
- playcanvas-engine-component_builder.md
- playcanvas-engine-project_generator.md
- README.md
- index.html
- main.js
- README.md
- style.css
- api_reference.md
- components_library.md
- webxr_guide.md
- component_builder.py
- scene_generator.py
- SKILL.md
- README.md
- api_reference.md
- gsap_integration.md
- hooks_guide.md
- transition_patterns.md
- project_setup.py
- transition_generator.py
- SKILL.md
- README.md
- index.html
- main.js
- README.md
- style.css
- tilt_patterns.md
- vantajs_effects.md
- zdog_api.md
- generate_zdog.py
- setup_vanta.py
- SKILL.md
- index.html
- main.js
- package.json
- README.md
- style.css
- api_reference.md
- gsap_integration.md
- generate_config.py
- integration_helper.py
- SKILL.md
- README.md
- index.html
- main.js
- README.md
- styles.css
- api_reference.md
- filters_effects.md
- performance_guide.md
- particle_builder.py
- sprite_generator.py
- SKILL.md
- README.md
- app.js
- camera-controller.js
- input-manager.js
- index.html
- README.md
- styles.css
- api_reference.md
- editor_workflow.md
- optimization_guide.md
- component_builder.py
- project_generator.py
- SKILL.md
- plugin.json
- meta-skills-integration.md
- modern-web-design-specialist.md
- web3d-integration-patterns-specialist.md
- modern-web-design-design_audit.md
- modern-web-design-pattern_generator.md
- web3d-integration-patterns-help.md
- web3d-integration-patterns-setup.md
- README.md
- accessibility_guide.md
- design_trends_2024.md
- interaction_patterns.md
- performance_checklist.md
- design_audit.py
- pattern_generator.py
- SKILL.md
- SKILL.md
- plugin.json
- aframe-webxr-architect.md
- component_builder.md
- scene_generator.md
- README.md
- index.html
- main.js
- README.md
- style.css
- api_reference.md
- components_library.md
- webxr_guide.md
- component_builder.py
- scene_generator.py
- SKILL.md
- plugin.json
- animated-component-libraries-specialist.md
- component_importer.md
- props_generator.md
- README.md
- customization_guide.md
- magic_ui_components.md
- react_bits_components.md
- component_importer.py
- props_generator.py
- SKILL.md
- plugin.json
- animejs-choreographer.md
- animation_generator.md
- timeline_builder.md
- README.md
- api_reference.md
- stagger_guide.md
- timeline_guide.md
- animation_generator.py
- timeline_builder.py
- SKILL.md
- plugin.json
- babylonjs-engine-architect.md
- mesh_builder.md
- scene_generator.md
- README.md
- main.js
- style.css
- index.html
- package.json
- README.md
- vite.config.js
- api_reference.md
- mesh_builder.py
- scene_generator.py
- SKILL.md
- plugin.json
- barba-js-specialist.md
- project_setup.md
- transition_generator.md
- README.md
- api_reference.md
- gsap_integration.md
- hooks_guide.md
- transition_patterns.md
- project_setup.py
- transition_generator.py
- SKILL.md
- plugin.json
- blender-web-pipeline-pipeline.md
- batch_export.md
- generate_lods.md
- optimize_model.md
- README.md
- bpy_api_reference.md
- gltf_export_guide.md
- optimization_strategies.md
- batch_export.py
- generate_lods.py
- optimize_model.py
- SKILL.md
- plugin.json
- gsap-scrolltrigger-choreographer.md
- generate_animation.md
- timeline_builder.md
- easing_visualizer.html
- README.md
- index.html
- main.js
- README.md
- style.css
- api_reference.md
- common_patterns.md
- easing_guide.md
- generate_animation.py
- timeline_builder.py
- SKILL.md
- plugin.json
- lightweight-3d-effects-architect.md
- generate_zdog.md
- setup_vanta.md
- README.md
- index.html
- main.js
- README.md
- style.css
- tilt_patterns.md
- vantajs_effects.md
- zdog_api.md
- generate_zdog.py
- setup_vanta.py
- SKILL.md
- plugin.json
- locomotive-scroll-specialist.md
- generate_config.md
- integration_helper.md
- index.html
- main.js
- package.json
- README.md
- style.css
- api_reference.md
- gsap_integration.md
- generate_config.py
- integration_helper.py
- SKILL.md
- plugin.json
- lottie-animations-choreographer.md
- generate_lottie_component.md
- optimize_lottie.md
- README.md
- after_effects_export.md
- api_reference.md
- performance_guide.md
- generate_lottie_component.py
- optimize_lottie.py
- SKILL.md
- plugin.json
- modern-web-design-specialist.md
- design_audit.md
- pattern_generator.md
- README.md
- accessibility_guide.md
- design_trends_2024.md
- interaction_patterns.md
- performance_checklist.md
- design_audit.py
- pattern_generator.py
- SKILL.md
- plugin.json
- motion-framer-choreographer.md
- animation_generator.md
- variant_builder.md
- README.md
- DraggableBox.jsx
- HoverCard.jsx
- StaggerList.jsx
- App.css
- App.jsx
- main.jsx
- index.html
- package.json
- README.md
- vite.config.js
- api_reference.md
- animation_generator.py
- variant_builder.py
- SKILL.md
- plugin.json
- pixijs-2d-architect.md
- particle_builder.md
- sprite_generator.md
- README.md
- index.html
- main.js
- README.md
- styles.css
- api_reference.md
- filters_effects.md
- performance_guide.md
- particle_builder.py
- sprite_generator.py
- SKILL.md
- plugin.json
- playcanvas-engine-architect.md
- component_builder.md
- project_generator.md
- README.md
- app.js
- camera-controller.js
- input-manager.js
- index.html
- README.md
- styles.css
- api_reference.md
- editor_workflow.md
- optimization_guide.md
- component_builder.py
- project_generator.py
- SKILL.md
- plugin.json
- react-spring-physics-choreographer.md
- physics_calculator.md
- spring_generator.md
- README.md
- physics_guide.md
- popmotion_api.md
- react_spring_api.md
- physics_calculator.py
- spring_generator.py
- SKILL.md
- plugin.json
- react-three-fiber-architect.md
- component_generator.md
- scene_setup.md
- README.md
- Box.jsx
- Sphere.jsx
- App.jsx
- Experience.jsx
- main.jsx
- index.html
- package.json
- README.md
- vite.config.js
- api_reference.md
- component_generator.py
- scene_setup.py
- SKILL.md
- plugin.json
- rive-interactive-choreographer.md
- component_generator.md
- viewmodel_builder.md
- README.md
- api_reference.md
- component_generator.py
- viewmodel_builder.py
- SKILL.md
- plugin.json
- scroll-reveal-libraries-specialist.md
- aos_generator.md
- config_builder.md
- README.md
- animation_catalog.md
- aos_api.md
- aos_generator.py
- config_builder.py
- SKILL.md
- plugin.json
- spline-interactive-pipeline.md
- component_builder.md
- project_generator.md
- README.md
- api_reference.md
- component_builder.py
- project_generator.py
- SKILL.md
- plugin.json
- substance-3d-texturing-pipeline.md
- batch_export.md
- generate_export_preset.md
- web_optimizer.md
- babylonjs_pbr.json
- gltf_standard.json
- mobile_webgl.json
- threejs_optimized.json
- web_orm_packed.json
- README.md
- export_presets.md
- pbr_channel_guide.md
- python_api_reference.md
- batch_export.py
- generate_export_preset.py
- web_optimizer.py
- SKILL.md
- plugin.json
- threejs-webgl-architect.md
- setup_scene.md
- index.html
- main.js
- README.md
- api_reference.md
- materials_guide.md
- optimization_checklist.md
- setup_scene.py
- SKILL.md
- plugin.json
- web3d-integration-patterns-specialist.md
- help.md
- setup.md
- SKILL.md
- fix_agent_command_paths.py
- fix_plugin_manifests.py
- generate_bundle.py
- generate_marketplace.py
- generate_plugin.py
- validate_marketplace.py
- .gitignore
- CLAUDE.md
- LICENSE
- MARKETPLACE.md
- README.md
# Installation Guide
1. Get the code
git clone https://github.com/freshtechbro/claudedesignskills
Downloads the entire project code from GitHub to your computer.
cd claudedesignskills
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
β οΈ This is a large repository, so this method may point to an internal sub-package rather than the actual core product. Check the full README as well.
cd .claude/skills/babylonjs-engine/assets/starter_babylon
This project's files live in a subfolder, so move into it first.
npm install
Downloads and installs the libraries listed in package.json.
npm start
Starts the development/run server.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
// repository documentation
Was this content helpful?
(0 ratings)
