shader-noise
π―Skillfrom bbeierle12/skill-mcp-claude
shader-noise skill from bbeierle12/skill-mcp-claude
Installation
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill shader-noiseMore from this repository10
Enables dynamic, high-performance React animations using GreenSock Animation Platform (GSAP) with pre-configured animation techniques and interaction patterns.
Generates signed distance field (SDF) shader code and provides interactive visualization for creating complex 3D geometric shapes using mathematical distance functions.
Sequences and coordinates complex GSAP (GreenSock Animation Platform) animations with precise timing and choreographed visual transitions.
Generates and applies dynamic visual shader transformations to images or graphics, enabling real-time visual effects and rendering modifications.
Teaches Claude the fundamental concepts, techniques, and principles of computer graphics shader programming across different rendering paradigms and graphics APIs.
Enables advanced scroll-based animations and interactions using GSAP ScrollTrigger, allowing precise control of element animations triggered by scrolling.
Manages and provides Claude with specialized AWS cloud infrastructure knowledge, enabling context-aware interactions about Amazon Web Services resources, configurations, and best practices.
Generates interactive data visualizations using D3.js, allowing Claude to create dynamic charts, graphs, and visual data representations from input datasets.
Applies post-processing visual effects filters and transformations to images or graphics, enabling dynamic enhancement and stylization of visual content.
Routes and manages navigation between React Three Fiber (R3F) scenes or components using a declarative, component-based routing approach.