vividsitesSkein
Skein is a fictional distributed-tracing platform on a violet-black page. The hero is a long ribbon of glossy pastel slats, one per span, with small request packets riding its edges and one slow span glowing magenta. Moving the cursor sends a wave down the ribbon and ripples the slatted headline; hovering tags a span; clicking throws a bump and the live counter jumps. Below are a working dashboard with a trace waterfall, charts and logs, counted stats, an integrations bento, pricing with a span estimator, security, docs with code tabs, and a FAQ. Built in HTML and Three.js, one file, no build step.
Get this prompt- Type
- Landing Page
- Theme
- Observability Tool
- Stack
- HTML, Three.js, Coupled Spring Wave
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.
