Webgl

This gives Claude the ability to write WebGL 2.0 shaders and visual effects with a focus on the JARVIS HUD aesthetic. You get holographic shaders, particle systems, and post-processing effects like bloom and glitch, all with proper resource limits and context loss handling built in. The skill enforces TDD and includes memory budgets (256MB texture limit), safe shader compilation patterns, and fallback strategies for when WebGL isn't available. It's marked medium risk because you're hitting the GPU directly, so the examples emphasize timeouts and validation. Worth using if you need performant visual effects beyond what CSS can handle, especially for real-time data visualization or sci-fi UI elements.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 7
skills.sh installs: 559
GitHub stars: 48
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add martinholovsky/claude-skills-generator --skill webgl --agent claude-code

Installs into .claude/skills of the current project.

Files

WebGL Development Skill

File Organization: This skill uses split structure. See references/ for advanced patterns and security examples.

1. Overview

This skill provides WebGL expertise for creating custom shaders and visual effects in the JARVIS AI Assistant HUD. It focuses on GPU-accelerated rendering with security considerations.

Risk Level: MEDIUM - Direct GPU access, potential for resource exhaustion, driver vulnerabilities

Primary Use Cases: