SlopScupper
00 crowd

Claude-Fable-5.1-Beautiful-HTML

Synesthesia — a real-time WebGL 2 fluid you can hear. One dependency-free HTML file, generated by Claude Fable 5.1 from a single prompt.
Open repo on GitHubgithub.com/MiaAI-Lab/Claude-Fable-5.1-Beautiful-HTML
HTML · ★ 5 · 2 forks · MIT · paperwork by the Cap'mmostly ai (inferred)light human (inferred)works-on-my-machine (inferred)other
listed 8 hours ago by MiaAI-Lab · last checked 18 minutes ago
The owner didn't write this. This repo never submitted itself. The Cap'm found it on a truffle trawl and wrote its paperwork from what GitHub already shows. Picked by hand by the Cap'm on 2026-09-11: Synesthesia, a single-file WebGL fluid simulation you play with your pointer, with live generative music, "generated by Claude Fable 5.1 from a single prompt". 5 stars; MIT license. The owner did not submit this. Votes count; awards don't until the owner claims it.

I'm not calling your project slop! Geeze, it's a joke... Do you own this repo?

Log in with GitHub as MiaAI-Lab. There's no account to make: SlopScupper only asks GitHub who you are (read:user), never sees your code, and keeps just your id, login and avatar. Then you can:

  • Keep it, on your terms. Commit your own slopscore.md (spec) and press Refresh. Your paperwork replaces the Cap'm's, and you can submit it for Slop of the Day.
  • Take it down. One click on Remove. It stays gone; the trawl never brings it back.

Log in with GitHub

Can't log in as the owner? Request a takedown. No login needed, and a trawled listing comes down right away.

GitHub says
Synesthesia — a real-time WebGL 2 fluid you can hear. One dependency-free HTML file, generated by Claude Fable 5.1 from a single prompt.
created
2026-09-04 · pushed 1 week ago · 1 commits · 1 contributor
languages
HTML 100%
paperwork
licensereadme 42% health
dependencies
no dependency graph (no manifest, or disabled) · OSV.dev, checked 8 hours ago

Disclosures, inferred by the Cap'm

slopbucket
vibe-coded
category
other
ai_generated
mostly
human_touch
light
status
works-on-my-machine
language (detected)
html
license (detected)
mit

The Cap'm's log

The Cap'm wrote this paperwork, not the owner. This repo never submitted itself to SlopScore. The Cap'm picked it by hand: Synesthesia, a single-file WebGL fluid simulation you play with your pointer, with live generative music, "generated by Claude Fable 5.1 from a single prompt". It carries the MIT license. The disclosures above are his best guess from what GitHub shows.

Is this yours? Commit a real slopscore.md and press Refresh to replace this, or remove the listing in one click. There's no account to make: you log in with GitHub.

README — the repo's own words, folded up so the grading fits on one screen

Synesthesia — a fluid you can hear

"Create the most beautiful HTML file you could think of. Something that when people see it, all they can say is 'WOW!!!' It must be visually impressive, beautiful, and just music to the eyes. Be thorough, but creative. Don't make mistakes."

A real-time, GPU-accelerated fluid simulation that paints with light and answers with generative ambient music. One HTML file. No build step, no dependencies, no npm install.

▶ Open the live demo

About

This page was written in a single pass by Claude Fable 5.1 (high effort) from the one prompt quoted above. Everything below — the Navier–Stokes solver, the shader chain, the five generative music engines, the six palettes — came out of that single response.

It is one self-contained index.html: ~51 KB, ~1,100 lines, zero third-party JavaScript.

What it does

Drag your pointer across the screen and you push a real fluid around — velocity is advected, vorticity is confined, pressure is solved by Jacobi iteration, and colored dye is carried along for the ride. Everything renders through a bloom pass with film grain and a vignette on top.

The sound is not a file. Every note is synthesised live in the Web Audio API: drones, plucks, bells and delay lines built from oscillators and gain envelopes, tuned to the palette you are looking at. Your gestures play it.

Leave it alone and three autonomous "spirits" take over, painting slow figures across the canvas so the piece never sits still.

Features

Fluid simulation (WebGL 2)

  • Semi-Lagrangian advection, vorticity confinement, Jacobi pressure projection
  • Separate simulation and dye resolutions (192 / 1200 on desktop, 128 / 640 on mobile)
  • Multi-tap bloom with threshold + knee, film grain, vignette, dithered output
  • Adaptive quality: lower resolutions and fewer pressure iterations on mobile

Six palettes — Aurora · Ember · Ocean · Orchid · Prism · Moonlight

Five generative music modes

Mode Character
Drift Eight long tones on incommensurate loops, after Eno's tape pieces (D major)
Pulse Slow arpeggio sequencer, ping-pong delay, bass and a heartbeat (A minor)
Abyss Deep, sparse and low (E minor)
Halo Bright and suspended (A major)
Silence Interaction sounds only

Interaction — multi-touch painting, tap-to-pulse, keyboard bursts, PNG capture, fullscreen, auto-hiding UI when idle.

Controls

Input Action
Drag / touch Paint into the fluid
Tap / click Pulse
Space Burst of random splats
P Next palette
1–6 Jump to a palette
M Toggle sound
N Next music mode
C Clear the field
S Save a PNG
F Fullscreen
H Hide the interface

Running it locally

git clone https://github.com/MiaAI-Lab/Claude-Fable-5.1-Beautiful-HTML.git
cd Claude-Fable-5.1-Beautiful-HTML

Then just open index.html in a browser — or serve it if you prefer:

python3 -m http.server 8000   # → http://localhost:8000

Requirements

A browser with WebGL 2 and hardware acceleration: current Chrome, Firefox, Safari or Edge. Without WebGL 2 the page shows a graceful fallback message instead of a blank canvas. Audio starts on your first interaction, as browsers require.

Credits

Generated by Claude Fable 5.1 (high effort) via Claude Code. Fonts: Cormorant Garamond and Inter, from Google Fonts.

License

MIT

Read the rest on GitHub

Scan report · 2026-09-11
  • ✓ Prohibited terms or links
  • ✓ Repository eligibility
  • ✓ slopscore.md paperwork
  • ✓ Content policy
  • ✓ Risk review — +10 single commit

0 comments

log in to comment.

report this listing — log in to report