@webloved: How I build with Claude 👇 Academy in bio 🔗 Full prompt goes in the Academy soon. It took hours of testing to get right. Want a site like this? Send me an email, email in bio 📩 1. Each card copies a post: avatar and handle on top, photo, icons row, likes, caption, then price and Add to bag. 2. Photo uses aspect-ratio: 4 / 5, the same shape as a feed post, so it reads instantly. 3. The row is scroll-snap-type: x mandatory. Cards 280px wide, gap 24px, scroll-snap-align: center. 4. The middle card scales to 1.06 and lifts 12px. The others fade to 0.9 opacity. IntersectionObserver with threshold 0.6 finds the middle one. 5. Double tap the photo: a heart pops (scale 0 to 1.2 to 1 in 400ms) and the product goes to the wishlist. 6. Format likes with Intl.NumberFormat so it says 12,204 likes, not 12204. 7. Caption is the product name and price, like Cloud Kiss $24. 8. Add to bag is a small black pill inside the post. Buying feels like liking. Save this before your next shop build 🔥 #claude #webdesign #ecommerce #beauty #vibecoding

weblove

Open In TikTok:

Region: PT

Monday 02 November 2026 16:36:23 GMT