Render fuzzy fur with stacked shells in one HTML file
shmopixbzn had Claude Opus 5.5 build a peach with fuzz made of 32 stacked transparent shells, plus physics and a comb that leaves marks, all in one HTML file.
Source
@shmopixbzn on X · 2026-10-22
Written in our own words. Credit to the original author. Link checked 2026-10-24.
What they did
shmopixbzn had Claude Opus 5.5 build a peach with fuzz made of 32 stacked transparent shells, plus physics and a comb that leaves marks, all in one HTML file.
Result (as claimed)
A tactile web toy that teaches a real graphics trick.
Tools they used
Cost: Pricing depends on the tools you pick; check each official pricing page.
Set it up
Write a one-page brief
Describe the app in plain words: who it is for, the 3 core screens or actions, and what "done" looks like.
Start the project with your agent
Open Claude and paste the brief. Ask it to propose a stack and a file plan before writing code.
Build one slice at a time
Ship the smallest working flow first, run it, then add features one by one. Commit after each working step.
Test it like a user
Click through on desktop and phone. Ask the agent to add basic tests and fix anything that breaks.
Check security and ship
Keep keys in environment variables, check auth and database rules, then deploy and share the link.
Copy the full setup prompt
Paste into your agent and it will walk you through the setup, asking before anything that sends, posts or spends.
You are helping me set up this AI use case end to end in Claude Code. Goal: Render fuzzy fur with stacked shells in one HTML file What the original author did: shmopixbzn had Claude Opus 5.5 build a peach with fuzz made of 32 stacked transparent shells, plus physics and a comb that leaves marks, all in one HTML file. Reported result (as claimed by the author): A tactile web toy that teaches a real graphics trick. Source: https://x.com/shmopixbzn/status/2113269871257506284 Tools they used: Claude Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Codex. Goal: Render fuzzy fur with stacked shells in one HTML file What the original author did: shmopixbzn had Claude Opus 5.5 build a peach with fuzz made of 32 stacked transparent shells, plus physics and a comb that leaves marks, all in one HTML file. Reported result (as claimed by the author): A tactile web toy that teaches a real graphics trick. Source: https://x.com/shmopixbzn/status/2113269871257506284 Tools they used: Claude Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Grok Bot. Goal: Render fuzzy fur with stacked shells in one HTML file What the original author did: shmopixbzn had Claude Opus 5.5 build a peach with fuzz made of 32 stacked transparent shells, plus physics and a comb that leaves marks, all in one HTML file. Reported result (as claimed by the author): A tactile web toy that teaches a real graphics trick. Source: https://x.com/shmopixbzn/status/2113269871257506284 Tools they used: Claude Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
The Daily 5
Get five new use cases tomorrow morning
Free. Real sources. Unsubscribe any time.
Guides for this use case
How to use AI agents for security scans and threat intel ยท How to build a website with AI agents
Related use cases
Build a live container port simulation with ship cutaways
anxuanng had Opus 5.5 build a working container port sim from the ship queue to every crane move, in a pixel style, with a cutaway showing cargo going into the holds.
Build a walkable 3D world through Blender MCP with no outside assets
TheEaglegon had Claude Opus 5.5 build an interactive three.js world from scratch through Blender MCP in 24 hours, with zero outside assets and a nightclub you can walk into.
Port a classic game codebase to run in the browser with Claude
Asked to explain the Pokemon Emerald codebase earlier this year, Claude refused; now asked to port that codebase to web browsers, it just did it.
Build a client's Framer site with Claude and the official MCP
oleh_design built his first Framer site for a client using Claude with Framer's official MCP and says it worked better than expected.