Lightning Energy Skill VFX
Gives the agent a consistent recipe for stylised lightning, energy orbs and impact effects in Three.js
- Repository
- MengTo/Skills
- Stars
- 7,187
- Licence
- MIT
- Files
- 9 files
What it does
This skill teaches an AI agent how to build the visual effects for a dark-fantasy style energy attack in Three.js, a web 3D graphics library. Once installed, the agent knows the specific look and structure: branching lightning that grows, flashes and fades, a storm orb with a black shadow, ground strikes, air bursts, sparks and short freeze-frame impact effects. It also ships a reusable effects module and a demo page that shows the effects working.
Great for
- Game developers building anime or dark-fantasy skill effects in a Three.js or WebGL project
- Technical artists who want a starting module for lightning, plasma orbs or screen-shake impact frames
Skip it if
- Projects that do not use Three.js or WebGL, since the module and shaders are specific to that stack
- Users who only want generic game VFX guidance; a sibling skill (create-game-vfx) covers that more broadly
Try asking
- “Build a lightning fist effect with branching bolts and a storm orb for my ultimate skill in Three.js”
- “Add a two-tone negative-flash impact frame with screen shake to my hit on a 0.1 second hold”
- “Set up the storm-energy module in my existing Three.js scene and wire up ground strikes that follow cracks”
Install in 3 steps
- 1
Download the skill
The ZIP contains the 9 original files, the MIT licence and an attribution note.
lightning-energy-skill-vfx.zip - 2
Add it to your agent
Claude Code (all projects)
mkdir -p ~/.claude/skills && unzip lightning-energy-skill-vfx.zip -d ~/.claude/skills/Claude Code / Agent SDK (this project only)
mkdir -p .claude/skills && unzip lightning-energy-skill-vfx.zip -d .claude/skills/Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.
- 3
Ask for the task
No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.
Get better results
- Ask the agent to open demo/index.html from disk first to see the five beats before customising anything
- Keep the flash limit at three per second and the safe mode option on for users with photosensitivity or reduced-motion settings
- Review any generated code that calls build.mjs or copies files, since the skill includes scripts the agent will run
What's inside
- agents/openai.yaml
- demo/build.mjs
- demo/PROMPT.md
- demo/src/stage.js
- demo/src/ui.css
- demo/src/ui.html
- demo/src/ui.js
- references/scorecard.md
- SKILL.md
Redistributed unmodified from MengTo/Skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.