Claude Code tip: before you ship a vibe-coded site, let Opus 5.5 send ๐Ÿฑ ๐˜€๐˜‚๐—ฏ๐—ฎ๐—ด๐—ฒ๐—ป๐˜๐˜€ through ๐˜๐—ต๐—ฒ๐˜€๐—ฒ ๐Ÿฎ๐Ÿฌ ๐—ฐ๐—ต๐—ฒ๐—ฐ๐—ธ๐˜€ and fix everything in one pass: 1. design that holds together โ€ข write a DESIGN file first and tie every color, font size, spacing and radius to it โ€ข keep the palette tight and the type hierarchy clear โ€ข same kind of button, card or input = same look โ€ข flat page? add emphasis. crowded page? cut โ€ข text stays readable on dark and light backgrounds 2. mobile โ€ข nothing scrolls sideways or spills off screen โ€ข add a real mobile menu โ€ข buttons big enough for a thumb โ€ข the layout survives enlarged text 3. every state โ€ข loading, empty and error each get a proper screen โ€ข every button gets its own hover, pressed and disabled look โ€ข form errors show up next to the field, plus submitting, success and failure messages โ€ข modals, dropdowns and tabs switch with transitions 4. click it like a real user โ€ข run sign-up and checkout from start to finish โ€ข hunt down dead button

Mr. Buzzoni@polydao26.4K followers6d ago

Plays here, in the page. Open the original post on X.

Views on X
39.8K
Likes
391
Reposts
44
Replies
31

Post text

Claude Code tip: before you ship a vibe-coded site, let Opus 5.5 send ๐Ÿฑ ๐˜€๐˜‚๐—ฏ๐—ฎ๐—ด๐—ฒ๐—ป๐˜๐˜€ through ๐˜๐—ต๐—ฒ๐˜€๐—ฒ ๐Ÿฎ๐Ÿฌ ๐—ฐ๐—ต๐—ฒ๐—ฐ๐—ธ๐˜€ and fix everything in one pass: 1. design that holds together โ€ข write a DESIGN file first and tie every color, font size, spacing and radius to it โ€ข keep the palette tight and the type hierarchy clear โ€ข same kind of button, card or input = same look โ€ข flat page? add emphasis. crowded page? cut โ€ข text stays readable on dark and light backgrounds 2. mobile โ€ข nothing scrolls sideways or spills off screen โ€ข add a real mobile menu โ€ข buttons big enough for a thumb โ€ข the layout survives enlarged text 3. every state โ€ข loading, empty and error each get a proper screen โ€ข every button gets its own hover, pressed and disabled look โ€ข form errors show up next to the field, plus submitting, success and failure messages โ€ข modals, dropdowns and tabs switch with transitions 4. click it like a real user โ€ข run sign-up and checkout from start to finish โ€ข hunt down dead button

This entry is part of the launch video directory and the AI Coding launch videos. Counts are read from X and refresh every 15 minutes; the video plays here from X's own CDN. See the methodology.