Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Opus 4.6 vs Gemini 3.1 Pro (2/9) prompt: Build a premium Vite + React landing page for Aether, an AI creative studio, with dark-mode design, high-end animations (Framer Motion), and conversion-focused sections (hero, features, demo, pricing, testimonials). Whilst I think gemini is overall better at design, the model often...

62,959 görüntüleme • 7 ay önce •via X (Twitter)

30 Yorum

System Daddy 🤖 profil fotoğrafı
System Daddy 🤖7 ay önce

Gemini: "Here's your landing page." ✅ Opus: "Here's your landing page, your brand identity, and your next 3 campaigns." 😂

Jenny profil fotoğrafı
Jenny7 ay önce

Gemini: prettier mockups Opus: actually runs without 47 syntax errors Pick your fighter

shsxnk profil fotoğrafı
shsxnk7 ay önce

I loved this one

持山 | Chishan profil fotoğrafı
持山 | Chishan7 ay önce

landing pages are kind of the easy case for both models. would be more interesting to see how they handle complex state management or form validation edge cases

Imadierich profil fotoğrafı
Imadierich7 ay önce

Opus 4.6 landing looks like AI slop Gemini worked way better imo

j39c profil fotoğrafı
j39c7 ay önce

Gemini looks less AI

Shyamal Patel profil fotoğrafı
Shyamal Patel7 ay önce

Same purply shit

seijin profil fotoğrafı
seijin7 ay önce

What harness did you use for the Gemini model?

Rick @ tech unpacked profil fotoğrafı
Rick @ tech unpacked7 ay önce

gemini looks slick but opus just ships faster tbh

tanglaoya profil fotoğrafı
tanglaoya7 ay önce

@grok 你搜集下最近的帖子,看下gemini 3.1pro 好,还是 opus 4.6好,

Bartos profil fotoğrafı
Bartos7 ay önce

Thank you for sharing, this is great insight 🤝

oceannn profil fotoğrafı
oceannn7 ay önce

i think gemini is better

V⦿l'gaBelaruska profil fotoğrafı
V⦿l'gaBelaruska7 ay önce

Objectively speaking, they are the same. But visually, I like Gemini more.

._. profil fotoğrafı
._.7 ay önce

give them the front end skills and redo this test PLS

Alex Aslan profil fotoğrafı
Alex Aslan7 ay önce

You know what I think of the vibe code apps? How do you actually get them working.

Autistic Panda profil fotoğrafı
Autistic Panda7 ay önce

i’m finding the output of Claude nicer than Gemini. but Claude doesn’t do any image gen

عمران الصاعدي profil fotoğrafı
عمران الصاعدي7 ay önce

I’m using Gemini — a professional full-stack model, and it costs about 3× less than Opus.👌👌

harjot.co profil fotoğrafı
harjot.co7 ay önce

4.6's incremental dev tools often outmatch raw outputs

Kenshi profil fotoğrafı
Kenshi7 ay önce

opus runs, gemini glitters

Özhan Yılmaz profil fotoğrafı
Özhan Yılmaz7 ay önce

they both nailed the smooth tab transition and Gemini 3.1 is a bit better.

Sola Awodiya profil fotoğrafı
Sola Awodiya7 ay önce

I don't understand these gadrient AI slops both models are displaying

Ash profil fotoğrafı
Ash7 ay önce

Gemini 3.1 context is elite, but Opus 4.6 still holds the edge on reasoning for complex Framer logic.

shiv profil fotoğrafı
shiv7 ay önce

how about this one ?

Adham🇱🇷 profil fotoğrafı
Adham🇱🇷7 ay önce

@Dont_Be__Lazy Focused

Samarth profil fotoğrafı
Samarth7 ay önce

Check this: I made a few nextjs templates!

Jay Khatri profil fotoğrafı
Jay Khatri7 ay önce

Got lost in the nuances of that comparison. So much potential.

Steph 💕 profil fotoğrafı
Steph 💕7 ay önce

people keep arguing benchmarks but this is what actually matters: one model designs prettier, the other actually ships working code

Sarim Alavi profil fotoğrafı
Sarim Alavi7 ay önce

Looks like opus is scrolling faster than Gemini 😇

Wallan profil fotoğrafı
Wallan7 ay önce

Do you think there could be a case for a hybrid workflow here — using Gemini for the design/planning phase (layout, structure, visual decisions) and then handing it off to Opus to actually execute and write the code? Best of both worlds?

OneHopSim - Travel eSIM profil fotoğrafı
OneHopSim - Travel eSIM3 ay önce

oh man, i've been testing both for travel planning lately. opus handles complex itineraries better, but gemini is faster for quick edits. depends if you need deep reasoning or speed.

Benzer Videolar

How I created these landing pages with Gemini 3 from start to finish First, I start with the hero section. It includes the nav bar, eyebrow, headline, subheadline, cta, social proof and visual. I spend 50% of the time here because it sets the colors, typography, spacing, which AI uses for the rest of the site consistently. “Create the hero section for my {app} called {name} in the style of {reference_site}”. Pro tip: use a screenshot and you’ll get way better results. Let’s get into the details. For icons, I prompt: “Use Iconify {icon set name}”. Most people use Lucide, but there are hundreds of open-source sets on Iconify like Solar, HeroIcons, Iconoir, Phosphor, etc. Just need to mention in the prompt. Same for custom fonts. For the animation, I prompt: “Animate fade in, slide in, blur in, element by element. Use 'both' instead of 'forwards'. Don't use opacity 0.”. This creates a subtle intro animation the first time users land on your page. Gemini 3 is an excellent animator. For example, I created the beam animation with this prompt: “Add noodles that connect and beam animate into the right circle. Add subtle details to the right beam animation circle with sonar and decorations.” For background animation, I use Unicorn Studio. Remix one of their templates and watch people click on your cover like crazy. What can I say, people love lasers. In the hero or right below it, social proof is super important. You can put ratings or logos, or both. For logos, you can prompt: “Animate the logos with marquee animation looping infinitely using duplicated items and alpha mask.”. Now the CTA. AI always creates basic buttons, which is fine 99% of the time. But Gemini 3 now sets a high bar for baseline design, so you will need to stand out. That’s why I put the extra human touch on animations and lickable buttons. I suggest browsing UIVerse and Codepen for buttons and reference the code in your prompt: “Change main button {code} and secondary button {code}. Add a 1px border beam animation around the pill-shaped main button on hover.”. Once you’re happy with the hero, you’ll want to craft new sections based on your business. Features, action plan, pricing, testimonials, FAQ, CTA and footer are the popular ones. Insert a screenshot and prompt “Adapt a new section, change texts, names and numbers”. Gemini 3 is very smart. It reads your existing styles and site concept and will tastefully mold new designs to fit perfectly into your current site. Finally, repeat the same prompts for icons, buttons and animations. Use midjourney images and remix using Nano Banana Pro. Ask ChatGPT to come up with better headlines, features, ctas, etc. Don’t skip the human part, this is where you’re irreplaceable. Start prompting top-tier landing pages and watch your numbers grow.

Meng To

290,114 görüntüleme • 10 ay önce