vividsitesBAO
A one-page site for Bao, a fictional AI agent that runs your boring errands, set in black scan lines on warm grey. The hero is a chubby panda drawn entirely out of horizontal lines in a shader: rows split into a magnifying lens under your cursor, its head turns to follow you, a click kicks every row sideways in a shockwave, holding it makes it listen, and leaving it alone makes it waddle. Between sections it scatters into streaks and re-forms beside a self-typing agent chat, animated skill cards, a walking track, a split-flap board and rolling prices. Built in HTML and Three.js, one file, no build step.
Get this prompt- Type
- Landing Page
- Theme
- AI Agent
- Stack
- HTML, Three.js, Scan-Line Shader
How to use this prompt
- 01
Copy the prompt
Grab the full text — it carries the layout, motion, fonts and stack notes your AI needs.
- 02
Paste it into your AI coder
Claude Code, Cursor, v0, Lovable — anything that writes files. Paste it as-is.
- 03
The video is already wired
The prompt embeds a cloud URL for the source clip, so your coder fetches it automatically.
- 04
Make it yours
Swap the brand name, headline and accent colour. The motion and layout stay intact.
- 05
Ship it
Run the build and deploy to Vercel, Netlify, or any static host.
