SEO, AI search and websites
@codvyn
Four sites to feed an AI coding agent with templates and references so vibe-coded websites look like premium 3D or animated sites (not generic): threeui.com, tasteskill.dev, gsap.com, 21st.dev.
1.2M plays · 29 Sep 2026

What they said
Transcript is partially cut off (ends around 50 s); site details come from frames and caption.
- Opens with a Butter-max-style yellow animated site demo (loading animation, fluid-like mechanics) then contrasts with typical vibe-coded template look ("Why All Vibe-Coded Designs Look the Same" shown on a laptop).
- 1/4 threeui.com: gallery of 3D/animated templates. On-screen tip: "Either screen record, directly copy the template prompt and your AI will do the rest" (give the reference or prompt to your AI). They say: you may not get the full template, but at least you can give the reference to the AI.
- 2/4 tasteskill.dev: "Taste Skill"; tagline stated as "anti-slop front-end framework for AI agents" so your site does not look generic.
- 3/4 gsap.com: GSAP animation library; smooth 3D/animation components (spoken as smooth 3D components to build crazy websites).
- 4/4 21st.dev: UI component library with many templates and components (shows "Creative Developer" style cards, hero sections).
- Caption: these 4 sites are a starting point for building 3D interactive experiences with Three.js, AI, Claude Skills and ready-to-use UI components. "Like + comment anything and I'll send you all 4 links."

Try this
- Builders using AI to make sites: Give your AI tool a visual reference instead of a vague prompt. Screen-record a site you like, or paste a template prompt, and ask it to match the motion and layout.
- Resources to try: A 3D and animated template gallery, a framework meant to stop generic AI-looking sites, the GSAP animation library, and a React component marketplace. Check each one yourself before using it.
- Agencies and freelancers: Build a quick premium-looking prototype to show a client before you scope the full job.
- Online stores: Use heavy 3D and animation only on campaign or editorial pages. Keep product and collection pages fast, as viewers pointed out that these sites hurt speed, SEO and conversion.
- Before you ship: Test load time, mobile and accessibility on any animated page.
- Creators: "Look at this versus your vibe-coded app" is a strong visual hook. "Comment anything" removes friction from the keyword CTA.

Links
- threeui.com: 3D/animated website templates and prompts.
- tasteskill.dev: anti-generic (anti-slop) frontend skill for AI agents.
- gsap.com (GreenSock): animation library.
- 21st.dev: UI components marketplace for React.
- Three.js (3D in web), Claude Skills, Claude AI. All four URLs also posted by a commenter (@hey__naf: "threeui.com tasteskill.dev gsap.com 21st.dev").

Watch the original
Watch the full reel on Instagram by @codvyn. Follow them for more.
Video, voice and ideas belong to @codvyn. Shown here as a short preview with our own summary, for commentary and education. Want it removed? Tell us.
00:00
/
00:00

More SEO
Liked this one? Get the next
When I find a reel worth acting on, you get the short version: what it says and what to do. Free, rare, one click to leave.
Rather have it done for you? Work with Tanish


