Build a site where the character's head follows your cursor
He took a Pinterest image, prepared it in ChatGPT, animated head turns in Seedance, and had Claude Opus 5.5 build the whole site around the frames.
Source
@johnsavage_ai on X · 2026-10-19
Written in our own words. Credit to the original author. Link checked 2026-10-20.
What they did
He took a Pinterest image, prepared it in ChatGPT, animated head turns in Seedance, and had Claude Opus 5.5 build the whole site around the frames.
Result (as claimed)
Shared all prompts and the workflow.
Tools they used
Cost: Claude Opus 5.5: from $4 in / $20 out per 1M tokens.
Set it up
Write a one-page brief
Describe the app in plain words: who it is for, the 3 core screens or actions, and what "done" looks like.
Start the project with your agent
Open Pinterest and paste the brief. Ask it to propose a stack and a file plan before writing code.
Build one slice at a time
Ship the smallest working flow first, run it, then add features one by one. Commit after each working step.
Test it like a user
Click through on desktop and phone. Ask the agent to add basic tests and fix anything that breaks.
Check security and ship
Keep keys in environment variables, check auth and database rules, then deploy and share the link.
Copy the full setup prompt
Paste into your agent and it will walk you through the setup, asking before anything that sends, posts or spends.
You are helping me set up this AI use case end to end in Claude Code. Goal: Build a site where the character's head follows your cursor What the original author did: He took a Pinterest image, prepared it in ChatGPT, animated head turns in Seedance, and had Claude Opus 5.5 build the whole site around the frames. Reported result (as claimed by the author): Shared all prompts and the workflow. Source: https://x.com/johnsavage_ai/status/2112280032441721154 Tools they used: Pinterest, ChatGPT, Seedance 2.5, Claude Opus 5.5 Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Codex. Goal: Build a site where the character's head follows your cursor What the original author did: He took a Pinterest image, prepared it in ChatGPT, animated head turns in Seedance, and had Claude Opus 5.5 build the whole site around the frames. Reported result (as claimed by the author): Shared all prompts and the workflow. Source: https://x.com/johnsavage_ai/status/2112280032441721154 Tools they used: Pinterest, ChatGPT, Seedance 2.5, Claude Opus 5.5 Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Grok Bot. Goal: Build a site where the character's head follows your cursor What the original author did: He took a Pinterest image, prepared it in ChatGPT, animated head turns in Seedance, and had Claude Opus 5.5 build the whole site around the frames. Reported result (as claimed by the author): Shared all prompts and the workflow. Source: https://x.com/johnsavage_ai/status/2112280032441721154 Tools they used: Pinterest, ChatGPT, Seedance 2.5, Claude Opus 5.5 Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
The Daily 5
Get five new use cases tomorrow morning
Free. Real sources. Unsubscribe any time.
Guides for this use case
How to use ChatGPT for real projects and everyday tasks · How to use Cursor agents and automations · How to make AI video ads and Reels with agents
Related use cases
Teach Claude your design style from Pinterest and have it build layered Figma designs
He saved his best designs on Pinterest as a reference library and built a Claude skill that understands his layouts, colours and typography. Connected to Higgsfield and Figma, Nano Banana 2.1 generates people, GPT Image 2.5 generates product PNGs, and Claude places everything in Figma with real layers and editable text.
Give your vibe-coded site a design checkup with a taste skill
Install TasteSkill v2 in Claude Code or Codex and have Opus use it to open your pages at desktop, tablet and phone widths and list every design problem it finds.
Make a spec sports ad with Higgsfield, Seedance and a Claude-built 3D finish
A creator made a spec Strava ad: images with Soul 2.0 and Nano Banana Pro, video with Seedance 2.5 on Higgsfield, editing in Premiere Pro and a 3D end effect built with Claude Opus.
Build a farmers' market seasonality poster site in one long Claude session
Vertumnus makes printable posters of when each produce variety is in season. It was coded in a single 731-prompt Claude Opus session over 22 days, and the author published the full transcript.