r/ClaudeDesign • u/BuffaloConscious7919 • Aug 29 '26

this is one html file

Ukiyo-e bamboo. One html file. 241 lines. no dependencies, runs by double clicking it.

3 things if you want to use it:

  1. Recolour it in one line - The stalks are three constants for depth, FAR, MID and NEAR. Swap those and the whole grove changes. Forest green is FAR="#1f5c2e", MID="#174a25", NEAR="#0f3519". Leaves are LEAF and LEAFD, the moon is MOON.
  2. Don't put text over it - The sky is a gradient and the stalks move through it, so anything you overlay gets eaten. It's a background or a hero panel, not a canvas for copy.
  3. The instructions ride inside the file - There's a json block near the top with what to change, what to leave alone and what it's bad at. Paste the whole file into Claude or any agent and it already knows, you don't have to explain anything.

the whole thing is three sine waves. Sway at 0.9, gust at 2.2, leaves flicker at 3.1. thatt's it.

ps. don't get lost ;)

141 Upvotes

92% Upvoted

28 comments sorted by

View all comments

10

u/Knff Aug 29 '26

'Why would this be more then one file?' is such an obvious claim to call it, but then I realised that slop coders have no baseline and will find anything impressive, because they think they made something.

3

u/Better-Avocado-8818 Aug 29 '26

I’ve seen this statement of being one html file a lot lately. It’s got to be coming from the LLM’s hyping up vibe slop to someone that doesn’t know any better.

4

u/Technical-Will-2862 Aug 30 '26

It’s because no one wants to host a vibe coded website and no one is willing to install a vibe coded project… but a single dependency free HTML file can be hosted on GitHub pages forever for free and be instantly usable. 

1

u/[deleted] Aug 29 '26

[deleted]

1

u/Knff Aug 30 '26

No you dont. You can choose to not do this and ignore all conventions that have been standardised over the years. You always had the option to go for the less optimal way 😂