Skillget

webgl-animation-skills

agent
Guvenlik Denetimi
Gecti
Health Gecti
  • License — License: MIT
  • Description — Repository has a description
  • Active repo — Last push 0 days ago
  • Community trust — 54 GitHub stars
Code Gecti
  • Code scan — Scanned 5 files during light audit, no dangerous patterns found
Permissions Gecti
  • Permissions — No dangerous permissions requested

Bu listing icin henuz AI raporu yok.

SUMMARY

3D motion / WebGL skills for Claude Code — Three.js, GLSL shaders, particle systems, GPU render troubleshooting, and AI video direction, off the core 2D/Lottie path.

README.md

WebGL Animation Skills

WebGL animation skills for AI coding agents — Three.js scenes, GLSL shaders, and particle systems, off the core 2D/Lottie path.

WebGL Animation Skills — animated showcase

Install

npx skills add iart-ai/webgl-animation-skills

Or add it as a Claude Code plugin marketplace:

/plugin marketplace add iart-ai/webgl-animation-skills

then /plugin install webgl-animation-skills.

The skills run in Claude Code, Cursor, Codex, and 40+ agents. The full agent runs at iart.ai.

What's included

Skill What it does
shader-glsl Write GLSL fragment shaders — gradients, noise/fbm, SDFs, domain warping, image transitions, and Three.js ShaderMaterial wiring.
threejs-animation Build web 3D motion — scenes, camera moves, GLTF clips, instancing, scroll-linked 3D, React Three Fiber, and leak-free GPU disposal.
particle-system Drive emergent motion — confetti/snow/smoke/sparks, flow fields, curl noise, connected-dot networks, and GPU Points shaders.

Need editable, repeatable motion graphics instead — exact text and numbers, brand-locked, one-click edits? iart.ai is the AI motion agent that produces these from a prompt or data.

When it activates

  • You ask Claude to write a fragment shader, set up a ShaderMaterial, or build a generative GPU background.
  • You're animating a Three.js / R3F scene, blending GLTF clips, or chasing a WebGL memory leak.
  • You want a particle, confetti, flow-field, or constellation effect.

Example prompts

  • "Write a GLSL fragment shader for an animated aurora gradient background and wire it into Three.js."
  • "Animate this GLTF model in React Three Fiber and crossfade between idle and walk clips."
  • "Build a connected-dot constellation background that stays fast with 2000 particles."

Skills

  • shader-glsl
  • threejs-animation
  • particle-system

Topics

webgl webgl-animation threejs glsl-shaders particle-system 3d-animation motion-graphics claude-skill

More packs

Part of a 19-pack open-source collection: install only what you need. Browse every pack and skill at iart.ai/skills, or the hub at github.com/iart-ai/motion-skills.

tiktok-video-skills (TikTok / Reels / Shorts creators) · text-message-video-skills (Text-message story creators) · youtube-video-skills (Podcasters & YouTubers) · ecommerce-video-skills (E-commerce sellers) · ad-video-skills (Brand advertisers & marketers) · data-animation-skills (Analysts & PMs) · explainer-video-skills (Educators & content creators) · map-animation-skills (Vox-style editorial maps) · web-animation-skills (Frontend developers) · motion-design-skills (Motion designers) · kinetic-typography-skills (Kinetic type / text animation) · freelance-motion-skills (Freelancers & studios) · webgl-animation-skills (3D / WebGL / technical) · manim-skills (Math / educational animators) · generative-illustration-skills (Generative-illustration & creative coders) · javascript-animation-skills (Every frame drawn in JavaScript) · lower-thirds-skills (Streamers, podcasters & editors) · b-roll-skills (YouTubers, course creators & editors) · talking-head-skills (Creators & educators)

Install any of them:

npx skills add iart-ai/tiktok-video-skills
npx skills add iart-ai/text-message-video-skills
npx skills add iart-ai/youtube-video-skills
npx skills add iart-ai/ecommerce-video-skills
npx skills add iart-ai/ad-video-skills
npx skills add iart-ai/data-animation-skills
npx skills add iart-ai/explainer-video-skills
npx skills add iart-ai/map-animation-skills
npx skills add iart-ai/web-animation-skills
npx skills add iart-ai/motion-design-skills
npx skills add iart-ai/kinetic-typography-skills
npx skills add iart-ai/freelance-motion-skills
npx skills add iart-ai/webgl-animation-skills
npx skills add iart-ai/manim-skills
npx skills add iart-ai/generative-illustration-skills
npx skills add iart-ai/javascript-animation-skills
npx skills add iart-ai/lower-thirds-skills
npx skills add iart-ai/b-roll-skills
npx skills add iart-ai/talking-head-skills

License

MIT

Built by iart.ai — the AI motion agent: describe it in a prompt — or point it at a CSV or brand kit — and get editable, on-brand motion graphics with exact text and numbers, one-click edits, and batch export.

Yorumlar (0)

Sonuc bulunamadi