Skills
.Work. You
Rest

shadergradient

Community

Add animated GLSL gradients to React apps.

Design & Creative#performance#frontend#react#animation#webgl#gradient#shadergradient
Authormasermediagroup-stack
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Developers want visually rich animated gradients in React/Next.js apps without dealing with low-level shader setup or performance pitfalls.

Core Features & Use Cases

  • ShaderGradientCanvas host and renderer settings
  • ShaderGradient gradient shader and camera/light controls
  • Performance-oriented usage suggestions for client components and pixelDensity
  • Preset/URL integration to load custom settings

Quick Start

Install the required packages and wrap your app with ShaderGradientCanvas to render animated gradients.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: shadergradient
Download link: https://github.com/masermediagroup-stack/CursorSkills/archive/main.zip#shadergradient

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.