Three things Claude Design madefrom a single prompt each.
Each of these is the raw HTML/CSS/JS file Claude Design exported — no editing, no follow-up prompts. Try them live, then grab the source.
Globe Loader
Real country geometry from Natural Earth, orthographic projection rotating at 36°/s, three dashed orbital rings spinning in opposite directions. The whole thing is 200px by 200px.
“Prototype a loading indicator that shows the globe spinning with real country outlines, full monochrome, no text, 200×200 centered on off-white background. Add a whirl effect around it.”
Shader Wallpapers
Liquid chrome, aurora, plasma lattice, neural orb, refraction glass. Cursor warps the field; click drops a shockwave. All five shaders, UI chrome, and keyboard shortcuts included.
“Imagine you’re creating a wallpaper for a futuristic operating system. We want it to feel interactive and fun to fidget with. Create five different interactive shader wallpapers that react to mouse position, and maybe clicks.”
Text Particle Effects
Type “fire” and it burns. Type “electric” and lightning cracks through it. Thirteen trigger words (fire, smoke, water, ice, electric, gold, shadow, leaves, sand, rain, snow…), each with bespoke CSS styling and canvas particles.
“Create a very large editable text box, pre-filled with sample text. For certain words like "Fire", "Smoke", "metal", "wind", render visual + particle effects that match the word.”
Videos
People are already making things with Claude Design worth watching. Here's one from Peter Yang.
Peter Yang's walkthrough of Claude Design.
Want to try Claude Design?