Build a client's Framer site with Claude and the official MCP
oleh_design built his first Framer site for a client using Claude with Framer's official MCP and says it worked better than expected.
Source
@oleh_design on X · 2026-10-22
Written in our own words. Credit to the original author. Link checked 2026-10-24.
What they did
oleh_design built his first Framer site for a client using Claude with Framer's official MCP and says it worked better than expected.
Result (as claimed)
A client site shipped with Claude doing the Framer work.
Tools they used
Cost: Pricing depends on the tools you pick; check each official pricing page.
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 Claude 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 client's Framer site with Claude and the official MCP What the original author did: oleh_design built his first Framer site for a client using Claude with Framer's official MCP and says it worked better than expected. Reported result (as claimed by the author): A client site shipped with Claude doing the Framer work. Source: https://x.com/oleh_design/status/2113248264590135467 Tools they used: Claude, Framer 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 client's Framer site with Claude and the official MCP What the original author did: oleh_design built his first Framer site for a client using Claude with Framer's official MCP and says it worked better than expected. Reported result (as claimed by the author): A client site shipped with Claude doing the Framer work. Source: https://x.com/oleh_design/status/2113248264590135467 Tools they used: Claude, Framer 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 client's Framer site with Claude and the official MCP What the original author did: oleh_design built his first Framer site for a client using Claude with Framer's official MCP and says it worked better than expected. Reported result (as claimed by the author): A client site shipped with Claude doing the Framer work. Source: https://x.com/oleh_design/status/2113248264590135467 Tools they used: Claude, Framer 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
Related use cases
Build an interactive Zelda timeline site with Claude before a big game release
Ahead of the Ocarina of Time remake, a fan built legendofhyrule.com to catch up on the story. Nintendo's own Hyrule Historia and chronicle page are the authority, and the timeline is drawn as threads on a cloth that split into three eras after Ocarina and meet again at Breath of the Wild. He says he had a lot of help from Claude.
Have Claude write a temporal upscaler for your game engine
arcwrightengine had Claude Opus 5.5 build its own temporal upscaler; shelf edges that used to staircase now draw clean, sharpness on a shelf pan went from 0.54 to 0.80 and the scene holds 60 fps.
Build a merge puzzle game with Claude and ship it on the App Store
He built Veggie Merge, a small merge game, with Claude in just a few prompts and launched it on the App Store.
Have Claude build 500 different clock designs in one HTML page
A tester uses clock pages as a personal benchmark for frontier models. Over several sessions in the Claude chat interface he had Claude Opus 5.5 build 500 self-contained clocks, now a single 6.3 MB HTML gallery with speed controls and search.