Vibe-building with Claude Opus 4.5 vs Gemini 3 Pro for SaaS MVPs
by @gregeisenberg
ABOUT THIS SKILL
A head-to-head test of Claude Opus 4.5 and Gemini 3 Pro to build a probate-estate SaaS landing page and prototype, plus a bonus run in Google’s Anti-Gravity agentic IDE.
TECHNIQUES
KEY PRINCIPLES (11)
Claude Opus 4.5 produces more refined, production-ready designs with fewer prompts.
In the test, Opus 4.5 delivered a polished landing page and clickable prototype in one shot, while Gemini 3 Pro required more iteration and produced a slightly more generic feel.
Why: Anthropic’s front-end design skill plus Opus 4.5’s stronger context retention reduce the need for back-and-forth prompting.
"I think from a pure esthetic standpoint, I think I like the Claude version better"
Copy is the UX—great copy can convert even if design is average.
Many vibe-coded pages fail because the copy is weak; conversion drops below 1%. Strong direct-response copy aligned to pain points can rescue mediocre visuals.
Why: Words frame the value proposition and emotional stakes, which drive action more than aesthetics alone.
"the content is the UX"
Pre-built Claude skills compress multi-prompt workflows into single prompts.
Skills are long instruction sets (voice, copy, design) that the model references automatically, eliminating repetitive prompting.
Why: Skills act as reusable context windows, letting non-technical founders ship faster with less drift.
"skills are just like long sets of prompts or instructions"
Blend contrarian hooks, value stacking, and creator-first language to avoid cheesy sales copy.
Research top performers (e.g., Hormozi, Sanchez), distill their frameworks, then merge with your natural voice to create classy yet persuasive copy.
Why: Balances authenticity with proven persuasion tactics, increasing trust and conversions.
"elevated direct response… you don't want to feel too cheesy, too salesy, but you also want to leverage the principles of influence"
Follow a repeatable 7-block layout: hero → problem → agitate → solution → value stack → social proof → CTA.
Each block has a specific psychological job; stacking them in order maximizes conversion.
Why: Classic direct-response structure proven to guide visitors from awareness to action.
"problem agitate solution is kind of a classic framework for conversion"
Google’s vertical integration (Gemini, Nano Banana, Anti-Gravity, Workspace, TPUs) creates unmatched convenience.
Single sign-on auth, integrated storage, hosting, and creative tools reduce friction for non-dev builders.
Why: Reduces tool-switching and cost, accelerating go-to-market for 90% of users.
"Google has the full range of capabilities there that they own that they can integrate directly into AI Studio"
Use Claude’s ultra-think mode and sub-agents to isolate root causes before escalating to other models.
When stuck, spawn specialized agents (QA, senior engineer) to triage, then synthesize a fix plan.
Why: Prevents context loss in large codebases and reduces cognitive load on the human.
"I'll say, hey, spin up specialized sub agents that are going to go and find the root cause of why this thing is breaking"
Ship a scrappy prototype, show real users, then iterate on workflow and retention.
Use the clickable HTML prototype as a conversation starter with probate attorneys or families to uncover deeper workflows.
Why: Early feedback uncovers the real recurring use case that drives retention and upsells.
"show it to them, get feedback… once you have customers, just like build, build as you go"
WHAT'S INSIDE
This is a structured knowledge base — not a prompt file. Your AI retrieves principles semantically, understands the reasoning behind each technique, and connects to related skills via a knowledge graph.
Compatible with OpenClaw · Claude · ChatGPT
principles · semantic retrieval · knowledge graph
Free during beta · Sign in to save to dashboard