bbeierle12/skill-mcp-claude

1

gsap-react GSAP integration with React including useGSAP hook, ref handling, cleanup patterns, and context management. Use when …

bbeierle12/skill-mcp-claude

716

2

gsap-scrolltrigger Scroll-based animations using GSAP ScrollTrigger plugin including pinning, scrubbing, snap points, and parallax effec…

bbeierle12/skill-mcp-claude

593

3

gsap-fundamentals Core GSAP animation concepts including tweens, timelines, easing functions, and animation properties. Use when implem…

bbeierle12/skill-mcp-claude

275

4

shader-effects Visual shader effects—glow/bloom, chromatic aberration, distortion, vignette, film grain, scanlines, glitch, dissolve…

bbeierle12/skill-mcp-claude

202

5

d3js-visualization Create D3.js charts and interactive data visualizations. Use when building bar charts, line charts, scatter plots, pi…

bbeierle12/skill-mcp-claude

180

6

particles-gpu GPU-based particle systems using instanced rendering, buffer attributes, Points geometry, and custom shaders. Use whe…

bbeierle12/skill-mcp-claude

166

7

shader-fundamentals GLSL shader fundamentals—vertex and fragment shaders, uniforms, varyings, attributes, coordinate systems, built-in va…

bbeierle12/skill-mcp-claude

161

8

gsap-sequencing Complex GSAP timelines including labels, callbacks, nested timelines, and position parameters. Use when orchestrating…

bbeierle12/skill-mcp-claude

156

9

audio-analysis Audio analysis with Tone.js and Web Audio API including FFT, frequency data extraction, amplitude measurement, and wa…

bbeierle12/skill-mcp-claude

135

10

software-architecture Implements design patterns including Clean Architecture, SOLID principles, and comprehensive software design best pra…

bbeierle12/skill-mcp-claude

135

11

particles-physics Physics simulation for particle systems—forces (gravity, wind, drag), attractors/repulsors, velocity fields, turbulen…

bbeierle12/skill-mcp-claude

121

12

r3f-fundamentals React Three Fiber core setup, Canvas configuration, scene hierarchy, camera systems, lighting, render loop, and React…

bbeierle12/skill-mcp-claude

119

13

shader-noise Procedural noise functions in GLSL—Perlin, simplex, Worley/cellular, value noise, FBM (Fractal Brownian Motion), turb…

bbeierle12/skill-mcp-claude

109

14

form-ux-patterns UX patterns for complex forms including multi-step wizards, cognitive chunking (5-7 fields max), progressive disclosu…

bbeierle12/skill-mcp-claude

108

15

frontend-dev-guidelines Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, …

bbeierle12/skill-mcp-claude

100

16

postfx-effects Post-processing visual effects including chromatic aberration, vignette, depth of field, film grain, color grading, a…

bbeierle12/skill-mcp-claude

100

17

gsap-router Router for GSAP animation domain. Use when implementing animations with GreenSock Animation Platform including tweens…

bbeierle12/skill-mcp-claude

95

18

audio-reactive Binding audio analysis data to visual parameters including smoothing, beat detection responses, and frequency-to-visu…

bbeierle12/skill-mcp-claude

93

19

pptx Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Cre…

bbeierle12/skill-mcp-claude

91

20

r3f-performance R3F performance optimization—LOD (Level of Detail), frustum culling, instancing strategies, draw call reduction, fram…

bbeierle12/skill-mcp-claude

90

21

product-self-knowledge Authoritative reference for Anthropic products. Use when users ask about product capabilities, access, installation, …

bbeierle12/skill-mcp-claude

89

22

shader-sdf Signed Distance Functions (SDFs) in GLSL—2D/3D shape primitives, boolean operations (union, intersection, subtraction…

bbeierle12/skill-mcp-claude

89

23

systematic-debugging Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes. Implements scientific me…

bbeierle12/skill-mcp-claude

76

24

writing-plans Use after brainstorming/design phase to create detailed implementation plans. Creates step-by-step plans clear enough…

bbeierle12/skill-mcp-claude

76

25

audio-playback Audio playback using Tone.js including players, transport, scheduling, and loading audio. Use when implementing backg…

bbeierle12/skill-mcp-claude

75

26

immersive-visuals-router Master router for immersive visual experiences combining React Three Fiber, shaders, particles, post-processing, GSAP…

bbeierle12/skill-mcp-claude

72

27

postfx-bloom Bloom and glow effects using Three.js UnrealBloomPass with React Three Fiber. Use when implementing glow, bloom, lumi…

bbeierle12/skill-mcp-claude

70

28

structural-physics Structural validation and damage systems for Three.js building games. Use when implementing building stability (Fortn…

bbeierle12/skill-mcp-claude

69

29

building-mechanics Three.js 3D building system with spatial indexing, structural physics, and multiplayer networking. Use when creating …

bbeierle12/skill-mcp-claude

67

30

form-react Production-ready React form patterns using React Hook Form (default) and TanStack Form with Zod integration. Use when…

bbeierle12/skill-mcp-claude

67

31

form-accessibility WCAG 2.2 AA compliance for forms, ARIA patterns, focus management, keyboard navigation, and screen reader support. Us…

bbeierle12/skill-mcp-claude

66

32

r3f-materials Three.js materials in R3F, built-in materials (Standard, Physical, Basic, etc.), ShaderMaterial with custom GLSL, uni…

bbeierle12/skill-mcp-claude

66

33

r3f-router Decision framework for React Three Fiber projects. Routes to specialized R3F skills (fundamentals, geometry, material…

bbeierle12/skill-mcp-claude

65

34

audio-router Router for audio domain including playback, analysis, and audio-reactive visuals. Use when implementing any audio fun…

bbeierle12/skill-mcp-claude

64

35

shader-router Decision framework for GLSL shader projects. Routes to specialized shader skills (fundamentals, noise, SDF, effects) …

bbeierle12/skill-mcp-claude

64

36

r3f-geometry BufferGeometry creation, built-in geometries, custom geometry with buffer attributes, instanced meshes for rendering …

bbeierle12/skill-mcp-claude

63

37

scientific-documentation Generate comprehensive scientific research-style documentation for completed coding projects. Use when the user reque…

bbeierle12/skill-mcp-claude

63

38

particles-router Decision framework for particle system projects. Routes to specialized particle skills (gpu, physics, lifecycle) base…

bbeierle12/skill-mcp-claude

62

39

brainstorming Use when starting any feature, project, or design work. Guides collaborative design refinement through incremental qu…

bbeierle12/skill-mcp-claude

61

40

docx Comprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preserv…

bbeierle12/skill-mcp-claude

61

41

form-security Security patterns for web forms including autocomplete attributes for password managers, CSRF protection, XSS prevent…

bbeierle12/skill-mcp-claude

60

42

form-validation Schema-first validation with Zod, timing patterns (reward early, punish late), async validation, and error message de…

bbeierle12/skill-mcp-claude

60

43

terrain-integration Terrain interaction systems for Three.js building games. Use when implementing slope handling, foundation anchoring (…

bbeierle12/skill-mcp-claude

60

44

component-library Comprehensive React component library with 30+ production-ready components using shadcn/ui architecture, CVA variants…

bbeierle12/skill-mcp-claude

59

45

frontend-design Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks …

bbeierle12/skill-mcp-claude

59

46

particles-lifecycle Particle lifecycle management—emission/spawning, death conditions, object pooling, trails, fade-in/out, and state tra…

bbeierle12/skill-mcp-claude

59

47

postfx-composer EffectComposer setup and architecture for Three.js post-processing pipelines. Use when setting up multi-pass renderin…

bbeierle12/skill-mcp-claude

59

48

multiplayer-building Networking systems for multiplayer building games. Use when implementing networked construction, delta synchronizatio…

bbeierle12/skill-mcp-claude

57

49

algorithmic-art Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when user…

bbeierle12/skill-mcp-claude

56

50

aws-skills AWS development with CDK best practices, serverless patterns, cost optimization, and event-driven architecture. Use w…

bbeierle12/skill-mcp-claude

56