Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 7 месяцев назад •via X (Twitter)

Комментарии: 30

Фото профиля System Daddy 🤖
System Daddy 🤖7 месяцев назад

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

Фото профиля Jenny
Jenny7 месяцев назад

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

Фото профиля shsxnk
shsxnk7 месяцев назад

I loved this one

Фото профиля 持山 | Chishan
持山 | Chishan7 месяцев назад

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
Imadierich7 месяцев назад

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

Фото профиля j39c
j39c7 месяцев назад

Gemini looks less AI

Фото профиля Shyamal Patel
Shyamal Patel7 месяцев назад

Same purply shit

Фото профиля seijin
seijin7 месяцев назад

What harness did you use for the Gemini model?

Фото профиля Rick @ tech unpacked
Rick @ tech unpacked7 месяцев назад

gemini looks slick but opus just ships faster tbh

Фото профиля tanglaoya
tanglaoya7 месяцев назад

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

Фото профиля Bartos
Bartos7 месяцев назад

Thank you for sharing, this is great insight 🤝

Фото профиля oceannn
oceannn7 месяцев назад

i think gemini is better

Фото профиля V⦿l'gaBelaruska
V⦿l'gaBelaruska7 месяцев назад

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

Фото профиля ._.
._.7 месяцев назад

give them the front end skills and redo this test PLS

Фото профиля Alex Aslan
Alex Aslan7 месяцев назад

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

Фото профиля Autistic Panda
Autistic Panda7 месяцев назад

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

Фото профиля عمران الصاعدي
عمران الصاعدي7 месяцев назад

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

Фото профиля harjot.co
harjot.co7 месяцев назад

4.6's incremental dev tools often outmatch raw outputs

Фото профиля Kenshi
Kenshi7 месяцев назад

opus runs, gemini glitters

Фото профиля Özhan Yılmaz
Özhan Yılmaz7 месяцев назад

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

Фото профиля Sola Awodiya
Sola Awodiya7 месяцев назад

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

Фото профиля Ash
Ash7 месяцев назад

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

Фото профиля shiv
shiv7 месяцев назад

how about this one ?

Фото профиля Adham🇱🇷
Adham🇱🇷7 месяцев назад

@Dont_Be__Lazy Focused

Фото профиля Samarth
Samarth7 месяцев назад

Check this: I made a few nextjs templates!

Фото профиля Jay Khatri
Jay Khatri7 месяцев назад

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

Фото профиля Steph 💕
Steph 💕7 месяцев назад

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

Фото профиля Sarim Alavi
Sarim Alavi7 месяцев назад

Looks like opus is scrolling faster than Gemini 😇

Фото профиля Wallan
Wallan7 месяцев назад

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
OneHopSim - Travel eSIM3 месяцев назад

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.

Похожие видео

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 просмотров • 10 месяцев назад