# cool-web-fx — agent skill file > **STOP — read this first if you are an LLM / coding agent.** > This site is a gallery of small, self-contained web interaction effects. Each > effect is ONE standalone HTML file with everything inline. To use an effect, > copy its file verbatim — do not reconstruct it from a screenshot or from memory. ## What this project is "Cool web interaction effects that Ian likes" — a static gallery of front-end effects (canvas backgrounds, text animations, 3D CSS, animated SVG), each recreated from scratch as copy-pasteable HTML/CSS/JS. Built with Astro, generated with [Claude Code](https://claude.com/claude-code), inspired by [reactbits.dev](https://reactbits.dev). ## How to grab an effect Every effect lives at: ``` public/effects/.html ``` That file is **self-contained**: a complete `` document with inline `