How to use the Create Game VFX agent skill (create-game-vfx)

What the skill makes the agent do

The skill is built around one rule: make the gameplay meaning visible before adding spectacle. Before writing any code, the agent is expected to define each effect's trigger, owner, duration, gameplay meaning, camera-distance silhouette, color hierarchy, spawn cap, cleanup rule, and reduced-motion equivalent.

It also asks the agent to separate telegraph (a warning before an attack), contact (the hit), success, failure, and lingering status visuals so they don't blur together. In implementation, it pushes for pooled short-lived objects, reused materials and geometry, capped particle counts, and no per-frame allocation. Cleanup is meant to be idempotent so that reset, death, and pause cannot leave effects behind.

• Covers attacks, impacts, damage feedback, status effects, spell trails, particles, shaders, telegraphs, quality tiers, and reduced-motion alternatives.
• Asks for low-quality tiers and reduced-motion versions of every effect.
• Recommends using additive or transparent materials sparingly around important UI and targets.

Install the create-game-vfx skill

Download the skill's ZIP from the page you found it on, then unzip it. The package contains agents/openai.yaml and SKILL.md. Put the unzipped skill folder in one of these places, depending on how you want to use it:

• Personal skills: ~/.claude/skills/ (available across your projects).
• Project skills: a .claude/skills/ folder inside your game project (available only to that project).
• Claude apps: upload the skill under Settings → Capabilities → Skills.

Trigger the skill with natural requests

You don't need a special command. Describe the effect you want in ordinary words that mention your game and Three.js. The skill's description lists the kinds of work it covers, so requests that name those topics are the most likely to pick it up.

Good requests name the effect, the gameplay event, and any constraints. Mentioning reduced motion or quality tiers up front tells the agent you want those alternatives included.

• "Add a red impact spark when the enemy takes damage in my Three.js game, with a reduced-motion version."
• "Create a telegraph warning on the ground before the boss slam, and make sure it clears on pause."
• "Add a poison status effect particle to the player in my Three.js scene, capped at 40 particles."
• "Build a spell trail for the fireball that works on low-quality settings and touch screens."

What to expect from the agent's output

Because the skill asks for a specification first, a good response should start by describing each effect's meaning, timing, and cleanup before showing code. If the agent jumps straight to particle code without these, ask it to follow the create-game-vfx specification steps.

The skill also asks the agent to verify its work. The listed checks are overlapping effects, multiple targets, rapid repetition, pause and resume, the lowest quality setting, reduced motion, and touch viewports. It also suggests sampling the live encounter for warnings, draw calls, frame time, and visual readability.

Requirements and safety notes

The skill assumes a Three.js project and an AI agent that can read SKILL.md and edit project code. According to the package details, it does not run scripts and does not use the network, so it only provides instructions for the agent to follow inside your project.

Because it runs no scripts and makes no network calls itself, the main review point is the code the agent writes into your project. Read changes before you accept them, especially anything that adds files or dependencies.

• Requires a Three.js project.
• Runs scripts: no.
• Uses network: no.
• Review generated code and edits in your repository as you would for any agent change.

Tips for better results

The skill gives design and process rules, not a finished effect library. Expect to get guidance and custom code for your scene rather than a copy-paste package. Give the agent details about your existing scene, such as the renderer setup and how objects are created and removed, so its pooling and teardown fit your code.

• Tell the agent which quality tiers your game already has so it can match them.
• Ask for the telegraph and the contact effect separately; the skill treats them as different visuals.
• After the first pass, ask the agent to run through the verification list, including reset, pause, and touch viewports.