webgl-canvas-effects
CommunityProve WebGL/canvas visuals are worth it.
AuthorvTRKA
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It prevents “impressive but unreliable” WebGL or Canvas visuals by forcing product-fit decisions and requiring browser evidence for nonblank rendering, accessibility, reduced-motion safety, fallbacks, and performance before any handoff.
Core Features & Use Cases
- Evidence-based WebGL/Canvas selection: Decide whether Canvas 2D, raw WebGL, Three.js, PixiJS, or static/SVG/DOM alternatives best match the product meaning and inspection goals.
- Anti-slop governance for visual effects: Require an anti-AI-slop report with gate IDs, evidence level, and artifact-scoped hashing so generic shader washes or decorative GPU effects are rejected.
- Browser proof contract output: Produce a structured report that captures runtime receipts (console/network, nonblank pixels, framing, fallbacks, reduced-motion, accessibility, and cleanup) tied to the delivered artifact.
Quick Start
Ask the AI to plan and validate the WebGL/canvas effect by requiring an artifact-scoped anti-slop report and browser proof for nonblank rendering, fallbacks, accessibility, and performance.
Dependency Matrix
Required Modules
None requiredComponents
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: webgl-canvas-effects Download link: https://github.com/vTRKA/supervibe/archive/main.zip#webgl-canvas-effects Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.