Get a week free of Claude Code →

Bbeierle12

11 Claude Code skills from bbeierle12/skill-mcp-claude. Try each skill in the interactive playground before installing.

🎨 Gsap React
This skill simplifies GSAP animations in React by providing useGSAP hooks, scoped refs, cleanup, and context utilities for reliable lifecycle handling.
frontendperformancedebuggingcode-review
🎨 Component Library
This skill generates production-ready React components with shadcn/ui patterns and CVA variants to save 8-10 hours per project.
frontenduxaccessibilitydesign
🎨 Gsap Fundamentals
This skill helps you learn and apply core GSAP animation concepts like tweens, timelines, and easing to create smooth web animations.
frontendperformancescripting
🎨 Gsap Router
This skill helps you implement GSAP animations efficiently by routing fundamentals, sequencing, scroll-based, and React patterns for cohesive UI experiences.
frontendperformancedebugging
🎨 Gsap Scrolltrigger
This skill helps you create engaging scroll-driven animations using GSAP ScrollTrigger, enabling pinning, scrubbing, snapping and parallax effects.
frontendperformanceautomationscripting
🎨 Immersive Visuals Router
This skill orchestrates multiple domain routers for immersive 3D visuals, shaders, particles, and audio to deliver cohesive experiences.
performancescriptingfrontenddesign
🎨 Particles Gpu
This skill helps you render thousands to millions of particles efficiently using GPU instancing, custom shaders, and Points geometry for high-performance
frontendperformancedocs
🎨 Particles Lifecycle
This skill helps you manage particle birth, life, and death with emission, pooling, trails, and color/size changes for memory-efficient effects.
performancedebuggingscriptingfrontend
🎨 Particles Physics
This skill helps simulate realistic particle motion by applying gravity, wind, drag, attractors, turbulence, and collisions for dynamic visuals.
frontendperformancedebugging
🧪 Particles Router
This skill routes particle tasks to GPU, physics, and lifecycle specialists, delivering recommended combinations for optimal effects.
performanceproductivitydocsai
🔍 R3f Materials
This skill helps you choose and craft Three.js materials in R3F, including built-in and custom ShaderMaterial with dynamic uniforms.
performancedebuggingscriptingdesign

Other Authors

ctsstc (53) abdullahbeam (36) giuseppe-trisciuoglio (36) groeimetai (34) jgtolentino (34) saschabrunnerch (27) miles990 (22) legacybridge-tech (21)

Get the best new skills
in your inbox

Weekly roundup of top Claude Code skills, MCP servers, and AI coding tips.