Interactive art made with AI. Not images — experiences.
Vibe Coding Art is a curated library of system prompts that turn AI coding tools into creative instruments. No programming knowledge required — describe what you imagine, get interactive visual art that runs in your browser.
Each prompt produces a single, self-contained HTML file. Works with Claude Artifacts, ChatGPT Canvas, Bolt, Lovable, or any AI coding assistant.
1. Pick a category from the table below
2. Copy the system prompt from the corresponding file in /prompts
3. Open your AI tool of choice (Claude, ChatGPT, etc.)
4. Paste the system prompt as the first message
5. Describe what you imagine in plain language
6. The result renders instantly
7. Screenshot, record, or share
No setup. No terminal. No VS Code. Just words in, art out.
| # | Category | What it creates | Difficulty | Prompt |
|---|---|---|---|---|
| 01 | Interactive Toys | Mesmerizing mouse/touch reactions | Easy | → prompt |
| 02 | Subversive Interfaces | Familiar UIs behaving wrong | Easy | → prompt |
| 03 | ASCII / Terminal Art | Art made from text characters | Easy | → prompt |
| 04 | Abstract Geometric | Patterns, symmetry, tessellations | Easy | → prompt |
| 05 | Psychedelic / Hypnotic | Vibrant loops, optical illusions | Easy | → prompt |
| 06 | Glitch Art | Digital errors as aesthetic | Easy | → prompt |
| 07 | Living Typography | Text that moves, reacts, breaks | Easy | → prompt |
| 08 | Organic / Flow Fields | Fluid, natural, flowing motion | Medium | → prompt |
| 09 | Retro / Synthwave | 80s neon, grids, wireframes | Medium | → prompt |
| 10 | Particle Systems | Thousands of points with physics | Medium | → prompt |
| 11 | Simulation / Artificial Life | Emergent behavior, ecosystems | Medium | → prompt |
| 12 | Cosmos / Space | Stars, nebulae, orbits | Medium | → prompt |
| 13 | Procedural Nature | Trees, landscapes, organic growth | Medium | → prompt |
| 14 | Fractals | Infinite zoom, mathematical beauty | Medium | → prompt |
| 15 | Data Art | Data as visual narrative | Medium | → prompt |
| 16 | Audio-Reactive | Visuals driven by sound | Medium | → prompt |
Don't know where to begin? Copy a prompt, paste it into Claude or ChatGPT, then type one of these:
Interactive Toys → "Particles that flee from my cursor but slowly drift back"
Subversive Interfaces → "A cookie consent popup that grows larger every time you try to close it"
ASCII Terminal → "An animated campfire with smoke rising, made entirely of text characters"
Glitch Art → "A screen that slowly breaks apart with RGB splits and scanlines"
- Reddit: r/VibeCodingArt — post your creations, see what others made
- X/Twitter: #VibeCodingArt
- GitHub: open a PR to add your example to the
/examplesfolder
vibe-coding-art/
├── README.md ← you are here
├── LICENSE ← MIT
├── CONTRIBUTING.md ← how to contribute
├── prompts/ ← system prompts (one per category)
│ ├── 01-interactive-toys.md
│ ├── 02-subversive-interfaces.md
│ └── ...
└── examples/ ← community examples (HTML files)
└── ...
Do I need to know how to code? No. The system prompts handle all technical decisions. You just describe what you want to see.
Which AI tool should I use? Any tool that can generate and preview HTML: Claude (Artifacts), ChatGPT (Canvas), Bolt, Lovable, v0. They all work.
Can I use this commercially? The prompts are MIT licensed. The art you create is yours.
How do I share my creation? Screenshot or screen-record the result. Post to r/VibeCodingArt or X with #VibeCodingArt. For live versions, deploy the HTML to GitHub Pages, CodePen, or Vercel.
The output doesn't look right. What do I do? Tell the AI what's wrong. "Make the colors brighter", "make it fill the whole screen", "add more particles." Iterate in natural language.
Can I combine categories? Yes. Paste two prompts together, or describe something that spans categories: "ASCII art that reacts to my mouse" combines #03 and #01.
How is this different from AI image generation? AI image tools (Midjourney, DALL-E) produce static images. Vibe Coding Art produces interactive experiences that run in your browser — they move, react, and respond to your input. The output is code, not pixels.
See CONTRIBUTING.md for guidelines on improving prompts, adding categories, or submitting examples.
MIT — use, remix, redistribute freely.