Guess what? Claude Opus 4.5 is here, and people are saying it is the world's best coding agent. But I needed some proof, so I put Opus 4.5 head-to-head with Gemini 3 Pro. I built a SaaS app and I wanted to see who would win, and the results might shock you.
I did it with my friend, The Boring Marketer, and in this article, we are going to show you how Opus 4.5 stacks against Gemini 3 Pro and also how you can get the most out of Opus 4.5. Hint: it has to do with setting up Claude skills, and we show you exactly how to do it.
Expert Context: The Era of the Idea Guy
Sam Altman, the co-founder of OpenAI, just said that it is the era of the idea guy, and he is not wrong. I think that right now is an incredible time to be building a startup.
I think that you can look at trends to basically figure out what are the startup ideas you should be building. That's exactly why I built IdeaBrowser.com. Every single day you're going to get a free startup idea in your inbox, and it's all backed by high-quality data trends. We use AI agents to go and search what people are looking for and what they are screaming for in terms of products that you should be building, and then we hand it on a silver platter for you to go check out.
Initial Comparison and Test Setup: Building the Estate Clear Dashboard
I want to dig into Claude Opus 4.5, I want to jam a little bit on Gemini 3.0 Pro, and I want to show people how I'm building landing pages and websites as a non-designer, non-engineer that are driving great conversion.
We decided to run a head-to-head test using the same prompt on both models to isolate variables and compare their initial design and coding capabilities.
Let's use Opus 4.5 with a front-end design skill, let's see what we can come up with, and then let's do Gemini 3 Pro with the same prompt and let's see what we can come up with there as well.
We used the idea of an "Estate Dashboard for keeping families informed during probate." Estate executives face constant phone calls and texts from anxious relatives saying, "What's happening with dad's estate?" Estate Clear creates a real-time family dashboard where executives can post updates, upload documents, and track progress while family members get instant notifications instead of playing phone tag.
I mean, it's one of those small ideas. I've gone through that process before, and it's a black box. It takes over a year. You have no idea what's going on. You're getting these replies from lawyers and stuff like that. Give me the DoorDash visual that's just letting me see what's going on. And you'd probably save a lot of money on billable hours to attorneys going back and forth asking them questions and stuff, and the retention is probably insane—you're not going to cancel that.
I'm just going to paste this into here. I want to create a conversion-optimized landing page for my new startup. Build an HTML that I can view locally. You must use the front-end design skill to generate the page.
Typically, what I would do is I would do some foundational research. I would put this into there: "Hey, use the Perplexity MCP, tell me who is in this space, what's a unique kind of differentiating angle that we can take, blah blah blah." But we really just kind of want to see, hey, what do these models do with minimal direction if we just give it the concept.
Claude Opus 4.5 Landing Page Output: Aesthetic Refinement
This is Opus 4.5 with the front-end design skill, one shot. We have the description from IdeaBrowser and literally like a one- to two-sentence prompt.
[IMAGE_PROMPT: Screenshot of the Claude Opus 4.5 generated landing page for 'Estate Clear'. The design should be subtle, professional, and conversion-focused, avoiding typical 'AI' aesthetics.]
The headline was: "Stop answering the same questions from everyone in the family." Good. Estate executives face constant calls and texts from anxious relatives. Estate Clear gives you a private family dashboard where everyone stays informed without overwhelming you.
I like the overall aesthetic of this. I mean, going through probate and doing all that and dealing with this in the family isn't exciting, right? So it's got a nice, subtle tone to it. It's not screaming in my face with a bunch of wild colors and stuff like that. Clearly, it is not just using the same kind of purples and typical AI stuff.
This is definitely all you need for an MVP or getting something like this live.
Anecdotally, it does feel like with Opus 4.5 and Gemini 3, we've entered a new stratosphere of vibe coding. The line between a non-technical person being able to code blurred, and the design portion, which used to look obviously "vibe-coded," is now getting blurred as well.
Gemini 3 Pro Landing Page Output: Feature Exploration
I'm going to go over to AI Studio and I'm going to give the exact same prompt. I'm going to remove the piece about the actual front-end design skill because we know that Gemini already has those skills.
[IMAGE_PROMPT: Screenshot of the Gemini 3 Pro generated landing page for 'Estate Clear'. The design should be clean, modern, and feature-heavy, including an AI feature section.]
Here's Gemini's version: "Keep the family united." That does go hard. Manage the estate, keep the family united. Stop playing phone tag. The private dashboard for executives to share updates, documents, and milestones with the whole family at once. Very clear.
I think that if I were to create a prediction here, I think that Gemini is going to come up with something more outside of the box. I think Claude is going to create something a little more of what you'd expect. I think both will be good, but that's just my gut vibe.
I wouldn't be surprised if Gemini put in AI features in the MVP. I've noticed it's been doing that. I think that's interesting.
This is very similar between both models. This section here: "It is the AI. Don't know what to say? Let AI write the update." You called that for sure. I think that's really interesting. To me, I probably wouldn't have thought of this, and it's also, if you're trying to create a startup right now that gets traction, I think having some of these AI-first ideas really help.
I like the imagery here. It feels more human, I guess, which is also something that coding models have missed in the past. Everything feels very robotic. You've got the emojis, you've got the same style of illustrations and stuff like that.
Initial Landing Page Comparison: Claude 4.5 vs. Gemini 3 Pro
| Feature | Claude Opus 4.5 (Winner: Aesthetic) | Gemini 3 Pro (Winner: Feature Exploration) |
|---|---|---|
| Aesthetic & Tone | More refined, subtle, and professional tone suitable for a sensitive topic like probate. | Clean, modern, but slightly more generic 'social' vibe. |
| Conversion Focus | Better layout for immediate visual and copy consumption (top of the fold). | Clear, but requires more scrolling to grasp the full value proposition. |
| Innovation/Features | Solid MVP structure, but didn't introduce novel features. | Introduced an AI-first feature (AI-written updates), showing outside-the-box thinking. |
| Overall MVP Quality | Objectively nicer design and layout. | Very solid, but the aesthetic was slightly less polished. |
Pushing the Limits: Building a Clickable Prototype
My real question with 4.5 is like, okay, great, now it's made a landing page, but can it create a SaaS app? Ultimately, I'm interested in pushing 4.5 to the limits, and I would be curious if it actually could build an app that I can sell.
It absolutely could. If you wanted to build this entire product in Claude code with 4.5, you could definitely do that. I've taken an idea for a SaaS from zero to production-ready with earlier Claude models, so you can certainly do it with either of these models.
I always kind of try to lean on Claude as the workhorse and then have these other models doing what they're good at as sort of an advisory model, if you will. Let's see how each of these builds out beyond the landing page and just say, "Hey, create a clickable prototype for the concept," and we can kind of get a gauge on how it's thinking there.
I want to build the full clickable prototype of the app locally so that I can open up an HTML and see how it looks and feels.
If we wanted to build the back end, we could set up the entire backend using tools like Neon (database), Clerk for OAuth and login, deploy onto Vercel or Railway, and integrate Stripe for payments.
Claude 4.5 Prototype: Deep Product Thinking
This is the family view. First impressions here: it maintained the aesthetic perfectly, down to the font. It's not your typical "build a SaaS dashboard AI look" at all. This looks really good. We've got recent activity, the different family members here as well. It went ahead and built out a lot of these subviews in this prototype.
[IMAGE_PROMPT: Screenshot of the Claude 4.5 generated dashboard prototype. Show a progress bar, recent activity feed, and tabs for documents and milestones.]
We've got the updates, keeping you informed with the latest estate news. This is a really nice touch. We've got document storage, which is cool, milestones. Just as you're clicking around this, it's like, why doesn't this exist? It's a really good idea.
My take is I feel that Opus went a little bit deeper in terms of thinking through the product. It feels a little more refined and a little deeper.
Gemini 3 Pro Prototype: Social Vibe and Debugging
Something that I've noticed is there's a couple errors here. What do you do when you see errors like that? You know, for me, it's just kind of a process of trying to dig deeper into what the root cause is. I use the terminal for all of the work that I'm doing.
Here's our prototype within Gemini. A little bit of a different vibe, more like less dashboard, more sort of like digest or updates or a space for the family. It's got the AI features built in, like "Polish with AI."
[IMAGE_PROMPT: Screenshot of the Gemini 3 Pro generated dashboard prototype. Show a social feed style update area and the 'Polish with AI' button.]
We've got the timeline here. I kind of liked how the 4.5 Opus had that front and center as soon as you log into the dashboard. This looks good, it's clean, it's not bad, but I think I like the other version a little bit better.
Market Context: AI in Enterprise Development
The speed of AI development is dissolving traditional coding barriers. By 2025, 60% of new enterprise applications will be built using generative AI tools, up from less than 5% in 2023 (Gartner Projection). This shift emphasizes the need for AI agents that can handle complex, multi-step projects like full SaaS MVPs.
The Anti-Gravity Test: Integrating Nano Banana
I'm curious if we put the same prompt into the Gemini 3 Pro model in Anti-Gravity (Google's agentic IDE) if it is different than what you get in AI Studio. My hunch is that you're going to get worse design out of Anti-Gravity, but let's try it.
Why should people use Anti-Gravity over Cursor? At the end of the day, they're both VS Code forks. However, Anti-Gravity is working on some things like Chrome stuff built in here where it can access the browser in a really easy way. It can even access—you install a Chrome extension—so that whole debugging process is pretty painful. With the Chrome extension that Anti-Gravity connects to, it can access that data for you programmatically.
What's happening? It is generating a mockup with Nano Banana. It's actually generating an image with Nano Banana instead of going ahead and building the page from scratch. It's generating a custom dashboard mockup image first to make the page look real, then I'll build the HTML file. Wow.
[IMAGE_PROMPT: Screenshot of the Nano Banana generated high-fidelity mockup used by Anti-Gravity. Show chunky buttons and a clean dashboard layout.]
It used Nano Banana, so it's integrated to create a high-fidelity visual mockup that we can see. Really nice. That's kind of how a real team would work, right? "Okay, let's create a high-fidelity mockup. Let's make sure you like it before we go and write all the code." Anti-Gravity may surprise us here.
This is Anti-Gravity Gemini 3 Pro. It's got the image that it created. Again, this is really cool how it's able to utilize Nano Banana within the workflow, call it as a tool, and implement it into your design. That is really neat.
I think your instinct that AI Studio will have a better initial design output from one prompt was correct. I think what was cool about Anti-Gravity and this whole sprint that we did with it is if you scroll down the mockup, how that mockup is and how this is wireframed out, there is some alpha in there. And then, you know, maybe you go back to Opus 4.5 or maybe you go back to Gemini 3 Pro on AI Studio and then iterate there.
Mastering Opus 4.5: Setting Up Claude Skills for Conversion
There are a few skills that I recommend everyone create with Claude Opus. A skill is just like a set of instructions that the model is going to reference when it does a certain task.
I do a lot of website optimization for TheVibeMarketer.com. I want to figure out, hey, how can I convert more visitors into customers? It comes down to really good copywriting. That's a struggle for like 90% of business owners—knowing what kind of copy to write for their business. You don't want to feel too cheesy, too salesy, but you also want to leverage the principles of influence and persuasion in the right way.
The Elevated Direct Response Framework
I call this elevated direct response, and I build a skill around it. Every time I write copy for my website, Claude references this skill, and it does a great job at producing this style of conversion-focused copy.
- Foundational Research: I found some people in my space that I look up to that have built some pretty huge businesses. I say, "Hey, use the Perplexity MCP, go research Cody Sanchez and Alex Hormozi and the biggest sort of education or information-based businesses out there, and break down exactly how they're writing their copy."
- Extracting Insights: I came up with a few different baseline insights, such as the "contrarian educator" hook (from Cody Sanchez) and "offers you can't refuse" (from Alex Hormozi).
- Defining Brand Voice: I fed Claude Code a bunch of examples of my own writing—tweets, transcripts of YouTube videos, etc.—and said, "Hey, distill this into a brand voice skill." It broke down the way that I talk and write so that it feels natural.
- Combining DNA: I blended what I learned from these folks with my own DNA, leading to a voice skill that includes: Contrarian Educator, Direct Response DNA, Systems Over Hacks, and Creator First Language.
I rebuilt my entire website using this, and it's been working pretty well. Do the research up front, set up the skills, throw one prompt into the system, and you'll get a great result.
Landing Page Architecture Skill
I boil all that down into a landing page architecture that I utilize. Claude Code was able to reference this same architecture on each and every page using my voice. This is sort of an overview of the architecture that I use:
- Impactful Hero Section: What is this getting you? What's the transformation or the outcome?
- Problem-Agitate-Solution (PAS): What's the issue you're facing? How do you stoke the pain to make it feel like you really need something? Then, you come in with a solution.
- Value Stack: Providing the solution with this value stack, trying to make it feel like we're giving you so much value that it feels dumb to say no.
- Social Proof & Transformation: Backing up and reselling this major outcome that you're going to get.
- Secondary Strong CTA.
Pro Tip: Install the Front-End Design Skill
Don't sleep on Claude 4.5 Opus with the front-end design skill. Most people don't know that this skill exists. You can install it with two simple prompts. This skill instructs Claude to "avoid the typical AI stuff" and "build production-grade designs and interfaces," drastically improving aesthetic output.
The Content is the UX: Copy Versus Design
The copy hits. The visuals don't look vibe coded at all. It's easy to scan. I can imagine on mobile that this would probably convert pretty well. The big piece that people miss with vibe coding is they vibe code stuff, but then the copy sucks. Then people are converting at 1% or less than 1%, and they come to the conclusion that "oh, vibe coding doesn't work for me."
In a lot of ways, the content is the UX. And what is the content? It's the words. So if you can create great copy, you're going to probably be able to convert even if the design isn't drop-dead gorgeous.
Look back at the old school sales letters and stuff like that from back in the day or those old long-form newspaper ads. They aren't necessarily beautiful; it's all text, but they know how to influence and talk about those pain points really, really well. Everyone's focused on the design aspect of the aesthetic, which is important, but 98% of people that are vibe coding or vibe building are missing out on this whole copy angle for sure.
FAQ: Frequently Asked Questions
How does Claude Opus 4.5's coding ability compare to Gemini 3 Pro?
Based on initial tests building a SaaS MVP prototype, Claude Opus 4.5 demonstrated a more refined aesthetic and deeper product thinking, creating a more polished and functional dashboard prototype. Gemini 3 Pro was highly innovative, suggesting AI-first features, but its initial design output was slightly less polished and included minor errors that required debugging.
What are "Claude Skills" and how do they improve AI output?
Claude Skills are sets of detailed, pre-written instructions or playbooks that the model references when executing a task. By creating skills for specific needs (e.g., "Elevated Direct Response Copy" or "Front-End Design"), users can guide Claude to produce highly customized, high-quality output with minimal prompting, avoiding generic "AI-style" results.
What is the "Elevated Direct Response" framework for conversion copy?
Elevated Direct Response is a copywriting framework designed to blend classic direct response principles (like the Problem-Agitate-Solution framework and value stacking) with a natural, authentic brand voice. It aims to drive conversion and action without resorting to empty brand speak or overly cheesy, salesy language, making the copy feel genuine and persuasive.
Conclusion: TLDDR on the AI Coding Showdown
Yes, 4.5 Opus I think is going to be an incredible model just based off some of these initial tests that we did. When you combine it with that front-end design skill, it's able to one-shot some pretty incredible interfaces and designs. If you level up that design with actual good copy that's geared toward conversion, you're going to be unstoppable.
Just to review: research leaders in your niche, review direct response, add context of how you talk naturally, and define your Elevated Direct Response skill. If you use that in combination with the design skill, I think you'll be really pleased.
The things that I liked here about AI Studio and Anti-Gravity: Anti-Gravity is really cool, it's using Nano Banana Pro (Google's image generation model). I think Nano Banana has been awesome to play around with. AI Studio is absolutely cooking right now with the releases and the updates. It's a playground out there right now.
We've been doing these workshops where we've sourced experts from our community that we're hosting to kind of spill the beans on how they're using all these tools to build some pretty incredible things. We've done AI video editing and scaling content, AI search and SEO, Claude code, etc. I've taken sort of the best clips from those; you can get them on TheVibeMarketer.com/workshops. Go grab it—free, no gatekeeping—see if you like it.
Please when you post a comment on our website respect the noble words style