Loading video…
All breakouts
Locked — included with Pro.Open on TikTokPro
Pro links straight through to the original post.
66.3Talking HeadOther hook
Hook
All vibe coded websites look like this
@yatesvids
1.4K followers · usually 1.8K views a post
Views
111.3K
Likes
5.1K
Comments
102
Shares
340
Why it worked
The video identifies a common pain point (generic AI design) and offers an immediate, actionable solution, positioning the creator as an expert while driving traffic to his own resources.
Summary
The creator explains why AI-generated websites often look generic and provides a specific prompt to help users create more unique, high-quality designs. He encourages viewers to use his provided design brief to improve their website's aesthetic and conversion potential.
ProLocked — included with Pro
Transcript, structure and on-screen text
4 beats, a 112-word transcript and 34 lines of on-screen text — the parts you need to write your own version.
The hook, the summary, why it worked and what it sells stay open on every video, signed in or not.
Original caption
There is a vibe coded website slop epidemic. PASTE THIS PROMPT BEFORE YOU BUILD YOUR WEBSITE👇 Before building this website, do not default to generic SaaS, startup, AI-tool, or “modern landing page” aesthetics. Act as a senior web designer, brand strategist, copywriter, and front-end developer. Website details: Business name: [insert] Offer: [insert] Target audience: [insert] Primary goal: [book a call / buy / sign up / request quote] Brand personality: [premium / bold / playful / technical / luxury / minimalist / gritty / calm] Main CTA: [insert] Design references I like: [insert] Designs I dislike: [insert] Avoid: - Purple-blue gradients - Glassmorphism cards - Floating dashboards - Random glowing blobs - Generic feature grids - Startup-style hero sections - Vague corporate copy - Buzzwords like “unlock,” “supercharge,” “streamline,” and “seamless” Create: - A distinct visual concept - Strong typography - Specific human copy - Purposeful spacing - A memorable hero section - Layout choices that fit the audience - A clear conversion path Before building, give me 3 creative directions. Then choose the strongest one and build from that. Make it responsive, fast, clean, conversion-focused, and visually custom. #claudeai #Claude #ai #vibecoding
More from @yatesvids
Their other posts in the index, biggest breakout first.
