/skills / web-effects
/web-effects
Use when building visual web effects — WebGL shaders, image distortion, particles, noise/grain, hover effects, displacement maps. Covers curtains.js, OGL, tsParticles, custom WebGL, and CSS-only eff
| category | skill |
| version | v1.0 |
# one-liner install $ curl -fsSL keiseikit.dev/skills/web-effects.sh | bash
# inside Claude Code > /web-effects
# typical flow 1. invoke /web-effects in Claude Code 2. respond to the click prompts (no free-text) 3. skill writes files / runs hooks / commits # bypass / skip $ /web-effects --no-confirm # skip every prompt
related
/3d-scene
Use when building 3D scenes for web — Three.js, React Three Fiber (R3F), Spline embeds, GLTF/GLB loading, scroll-linked 3D, camera animations. Covers scene setup, model optimization, and performance
/a11y-audit
Use when auditing accessibility — WCAG 2.2 AA compliance, contrast checks, keyboard navigation, screen reader support, prefers-reduced-motion. Triggers on "accessibility", "a11y", "wcag", "sc
/ai-animation
Use when creating AI-powered animations and videos — nano-banana keyframes → Kling/Luma/Veo video generation via fal.ai → web-ready output. Full pipeline from concept to scroll-driven animation