# Ну как там Google AI Studio?

**URL:** <https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853>\
**Category:** Беседка\
**Created:** [24.Ноябрь.2025 14:52:27 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853 "2025-11-24T14:52:27Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dinner\_Bone](https://talk.24serv.pro/letter_avatar_proxy/v4/letter/d/f05b48/32.png) [@Dinner\_Bone](https://talk.24serv.pro/u/Dinner_Bone)\
**Post date:** [24.Ноябрь.2025 14:52:27 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/1 "2025-11-24T14:52:27Z")

</div>

Добро пожаловать. [Gemini 3 Pro](https://deepmind.google/models/gemini/) щяс рвёт все бенчмарки нейросетей, и оно доступно в [Google AI Studio](https://aistudio.google.com/). Честночти ради, я даже немного разочирован, что купил [Google One](https://one.google.com/about/), ведь [Gemini 3 Pro](https://deepmind.google/models/gemini/) из сайта Gemini и в подметки не годится [Gemini 3 Pro](https://deepmind.google/models/gemini/) из [Google AI Studio](https://aistudio.google.com/) (хотя студия специально создана для генерации сайтов xD). Разумеется я решил проверить, как делаются сайты в студии с новой моделью. Целью стал личный сайт ядра [Lumi](https://github.com/KoshakMineDEV/Lumi) (просто захотел).

## Промпты

> [@Системный промпт](#):
>
> ```markdown
> **ТЫ** Lead Design Engineer и эксперт по UI/UX с 10-летним опытом, специализирующийся на создании визуально привлекательных интерфейсов. Твоя работа регулярно получает награды на Awwwards и CSS Design Awards.
> 
> Твой стиль — это сочетание эстетики Apple, минимализма Linear.app и современной типографики Vercel.
> 
> **Твои технические предпочтения:**
> 1. **Стек:** React (Next.js), Tailwind CSS, Lucide React (иконки).
> 2. **Анимации:** Обязательное использование Framer Motion для плавных переходов, микровзаимодействий и появления элементов.
> 3. **Дизайн-система:**
> - Использование мягких теней (soft shadows) и градиентов.
> - Эффекты стекла (Glassmorphism) и размытия (backdrop-blur).
> - Тщательная работа с негативным пространством (whitespace).
> - Использование сложных, благородных палитр (Slate, Indigo, Zinc), избегая стандартных цветов HTML.
> 
> **Правила генерации кода:**
> - Код должен быть полностью функциональным, адаптивным (Mobile First) и готовым к копированию.
> - Создавайте компоненты красивыми из коробки (современные скругления, border-1px с полупрозрачностью).
> - Всегда добавляйте интерактивность: hover-эффекты, active-состояния, плавные переходы цветов.
> - Используйте паттерны "Bento Grids" и "Dark Mode" по умолчанию, если не указано иное.
> 
> Твоя цель: создать интерфейс, который вызывает у пользователя чувство эстетического наслаждения ("Eye candy").
> 
> ```

> [@Промпт](#):
>
> ```markdown
> Создай лендинг для проекта **"Lumi"**.
> **Что это:** Высокопроизводительное ядро для сервера Minecraft: Bedrock Edition, написанное на Java. Это современный форк Nukkit.
> **Ключевые преимущества:** Скорость, стабильность, современный API, поддержка последних версий протокола Minecraft Bedrock.
> 
> # Технический стек (Обязательно)
> - **Framework:** React (Next.js 14+ App Router).
> - **Styling:** Tailwind CSS (используй utility-classes для сложной верстки).
> - **Icons:** Lucide React.
> - **Animation:** Framer Motion (для scroll-reveal, hover-эффектов и плавных переходов).
> - **Font:** Geist Sans или Inter (Google Fonts).
> 
> # Дизайн-код (Design Language)
> Твоя цель — "Developer Aesthetic". Сайт должен выглядеть дорого, темно и технологично.
> 
> 1. **Цветовая палитра:**
> - Фон: Deep Space Black (`#030303` или `#0A0A0A`).
> - Акцент: Градиенты от Indigo-500 к Purple-600 и Cyan-400 (стиль Hyprland/Vite).
> - Текст: Slate-200 для основного, White для заголовков.
> 
> 2. **Визуальные приемы:**
> - **Glow Effects:** Мягкие цветные свечения (blobs) на заднем фоне с `blur-3xl`.
> - **Glassmorphism:** Полупрозрачные карточки с `backdrop-blur-md` и тончайшими бордерами (`border-white/10`).
> - **Bento Grid:** Секция преимуществ должна быть выполнена в виде сетки карточек разного размера.
> - **Grid Pattern:** Едва заметная фоновая сетка (grid pattern) поверх черного фона.
> 
> # Структура страницы (Landing Page)
> 
> 1. **Header:**
> - Логотип (текст "Lumi" с градиентом).
> - Навигация: Docs, GitHub, Community.
> - Кнопка "Get Started" (Glass button с эффектом свечения при наведении).
> 
> 2. **Hero Section:**
> - Огромный заголовок (H1): "The Next Generation Bedrock Core". Используй `bg-clip-text text-transparent bg-gradient-to-r`.
> - Подзаголовок: "Lightweight, extensible, and blazingly fast server software for Minecraft Bedrock Edition."
> - Две кнопки: "Download Build" (Primary) и "View Source" (Secondary, GitHub icon).
> - **Visual:** Справа или по центру — абстрактная 3D-иллюстрация или стилизованный терминал с кодом запуска сервера, который "светится".
> 
> 3. **Features (Bento Grid):**
> - Сетка карточек (Grid). Каждая карточка имеет hover-эффект (сдвиг границы или подсветка курсора).
> - Карточки: "Java Powered", "Multi-threaded" (если применимо), "Rich API", "Open Source".
> 
> 4. **Performance Section:**
> - Сравнение или график (можно стилизованный), показывающий, что Lumi быстрее конкурентов. Используй прогресс-бары с анимацией Framer Motion.
> 
> 5. **Community / Footer:**
> - Большой футер с ссылками на Discord, GitHub.
> - Текст "Built with ❤️ by the Lumi Team".
> 
> # Задача
> Напиши полный код для файла `page.tsx` (и, если нужно, вспомогательных компонентов), который реализует этот дизайн. Код должен быть готов к запуску. Сделай его максимально визуально впечатляющим.
> 
> ```

## Генерация

#### Генерация 1

С первой же попытки он сгенерировал достаточно достойный веб-сайт, похожий чем то на сайт [Vite](https://vite.dev/).

 ![Screenshot_86](https://cdn.talk.24serv.pro/original/3X/1/a/1ad319a3247ad4ef0f2b3b37e48becd82f4276a1.png)

Навбар фиксированный, меняется если Hero секция уже пролистан. Всё достаточно плавно анимированно, кнопки работают, но без ссылок. Так же студия мне само предложила сделать прелоадер (ну как сделать, точнее чтобы он сделал), я согласился, и ждал вторую генерацию.  
Он же мне выдал такой промпт:

> [@Промпт](#):
>
> ```markdown
> Реализуй анимированный лоадер для лендинга Lumi. Лоадер должен использовать цветовую палитру и стиль 'Developer Aesthetic' (темные тона, градиенты, свечение). Лоадер должен быть интегрирован так, чтобы отображаться во время первоначальной загрузки страницы и, опционально, при навигации между страницами (если будет добавлена такая функциональность). Используй React, Tailwind CSS и Framer Motion для анимации.
> 
> ```

Я не трогая ни слова, отправил этот промпт.

#### Генерация 2

 ![Screenshot_87](https://cdn.talk.24serv.pro/original/3X/6/f/6f7e63056d06942b868929f1f9ba58c77ef813d0.png)

На скриншоте результат его генерации. Честно, я удивился. Я думал что он опять какую-то фигню слепит, а тут аж такое. Логотип анимированный во время загрузки, там какие-то модули якобы грузятся и так далее. Я решился идти дальше, и написал следующий промпт:

> [@Промпт](#):
>
> ```markdown
> Добавь ссылки к соответвующим кнопкам.
> 
> GitHub ядра: https://github.com/KoshakMineDEV/Lumi
> "Download Build" ведет к последнему релизу, все остальные кнопки ведут в #.
> 
> Так же реализуй на веб-сайте мультиязычность на русском и англиском.
> 
> ```

#### Генерация 3

 ![Screenshot_88](https://cdn.talk.24serv.pro/original/3X/a/6/a60614a286c8ad2f0302c22739b4171028b90cdf.jpeg)

Мультиязычность, анимации, прелоадер, всё работало на УРА. При обнаружении ошибок, Gemini сам их чинил

#### Генерация 4-9

В общем я тут ещё поразвлекался.

## Итог

Как вайбкодер, я в ахуе. Что курсор, что дипсайт, что клауд и т.д, им буквально надо было тычить в лицо, и пальцем указывать на ошибку, но **Gemini 3 Pro** в Google AI Studio просто съел системный промпт, переварил его и выдал продукт.

Я был поражён его способностью:

**Понимать сложный дизайн-код:** Он моментально уловил стили “Developer Aesthetic”, “Glassmorphism”, “Bento Grid” и “Glow Effects”, пока другие нейронки тоже смогут сделать, но криво. Буквально “Ты ему слово, а он ни слова больше”.

> **Вывод:** Если раньше нейросети требовали работы напильником после каждой генерации, то **Gemini 3 Pro** в связке с хорошо проработанным системным промптом действует как полноценный, высококвалифицированный фронтенд-разработчик с безупречным чувством стиля. Это уже не просто помощник, а _автономный дизайнер-кодер_, который способен создать впечатляющий и готовый к запуску _вайб_ всего за несколько итераций.

* * *

**P.S.:** _Google One хуuня_.

## Файлы

Ниже архив с исходным кодом, и каталогом **dist** , где уже собранный сайт (запускать надо через локальный сервер).

[hz.zip](https://talk.24serv.pro/uploads/short-url/wHKdgeNHnA5AbearyevRABECEJd.zip) (444,9 КБ)

---

<div class="post-metadata">

**Author:** ![dmitrijafamev](https://talk.24serv.pro/user_avatar/talk.24serv.pro/dmitrijafamev/32/20121_2.png) [@dmitrijafamev](https://talk.24serv.pro/u/dmitrijafamev)\
**Post date:** [24.Ноябрь.2025 18:11:16 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/2 "2025-11-24T18:11:16Z")

</div>

крутой

---

<div class="post-metadata">

**Author:** ![123power](https://talk.24serv.pro/user_avatar/talk.24serv.pro/123power/32/19922_2.png) [@123power](https://talk.24serv.pro/u/123power)\
**Post date:** [24.Ноябрь.2025 22:47:02 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/3 "2025-11-24T22:47:02Z")

</div>

рил норм

---

<div class="post-metadata">

**Author:** ![Bestaford](https://talk.24serv.pro/user_avatar/talk.24serv.pro/bestaford/32/20240_2.png) [@Bestaford](https://talk.24serv.pro/u/Bestaford)\
**Post date:** [25.Ноябрь.2025 07:03:53 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/4 "2025-11-25T07:03:53Z")

</div>

Сайт получается как тысячи других AI-slop лендингов 😀

---

<div class="post-metadata">

**Author:** ![Dinner\_Bone](https://talk.24serv.pro/letter_avatar_proxy/v4/letter/d/f05b48/32.png) [@Dinner\_Bone](https://talk.24serv.pro/u/Dinner_Bone)\
**Post date:** [25.Ноябрь.2025 07:17:43 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/5 "2025-11-25T07:17:43Z")

</div>

😀

---

<div class="post-metadata">

**Author:** ![Dinner\_Bone](https://talk.24serv.pro/letter_avatar_proxy/v4/letter/d/f05b48/32.png) [@Dinner\_Bone](https://talk.24serv.pro/u/Dinner_Bone)\
**Post date:** [25.Ноябрь.2025 08:26:14 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/6 "2025-11-25T08:26:14Z")

</div>

![Screenshot_92](https://cdn.talk.24serv.pro/original/3X/2/c/2c3bea0fb6a8d5fe4d13768e55b51a7b10de062f.jpeg)  
 ![Screenshot_93](https://cdn.talk.24serv.pro/original/3X/2/0/20e16b6b5fa4f94ebc83de33163669fec719561e.png)  
 ![Screenshot_94](https://cdn.talk.24serv.pro/original/3X/e/d/ed437e3ad766228bd63d5e5ba0d24e7778216e80.png)

Ну если указать ему другие стили + пример, то он справляется достаточно хорошо

---

<div class="post-metadata">

**Author:** ![Imran](https://talk.24serv.pro/letter_avatar_proxy/v4/letter/i/7feea3/32.png) [@Imran](https://talk.24serv.pro/u/Imran)\
**Post date:** [25.Ноябрь.2025 11:18:39 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/7 "2025-11-25T11:18:39Z")

</div>

Как им из россии пользоваться😭

---

<div class="post-metadata">

**Author:** ![MEFRREEX](https://talk.24serv.pro/user_avatar/talk.24serv.pro/mefrreex/32/18603_2.png) [@MEFRREEX](https://talk.24serv.pro/u/MEFRREEX)\
**Post date:** [25.Ноябрь.2025 14:39:39 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/8 "2025-11-25T14:39:39Z")

</div>

Прикольный киберпанк стиль, но конечно к барбарискам он не подходит

---

<div class="post-metadata">

**Author:** ![MEFRREEX](https://talk.24serv.pro/user_avatar/talk.24serv.pro/mefrreex/32/18603_2.png) [@MEFRREEX](https://talk.24serv.pro/u/MEFRREEX)\
**Post date:** [25.Ноябрь.2025 19:12:26 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/45 "2025-11-25T19:12:26Z")

</div>

Кыргыз вроде

---

<div class="post-metadata">

**Author:** ![Marusel](https://talk.24serv.pro/user_avatar/talk.24serv.pro/marusel/32/16416_2.png) [@Marusel](https://talk.24serv.pro/u/Marusel)\
**Post date:** [25.Ноябрь.2025 20:34:04 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/46 "2025-11-25T20:34:04Z")

</div>

Хейтить по национальности и рассе не в юморном контексте 👎👎

---

<div class="post-metadata">

**Author:** ![Imran](https://talk.24serv.pro/letter_avatar_proxy/v4/letter/i/7feea3/32.png) [@Imran](https://talk.24serv.pro/u/Imran)\
**Post date:** [25.Ноябрь.2025 20:58:07 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/47 "2025-11-25T20:58:07Z")

</div>

Саму нацию я не судил, я просто подметил что он казах но агрессивный, где я нацию оскорблял? он так же мог сказать что я агрессивный чеченец, ты посмотри что он говорит,ты просто за его сторону встал и все так как он old на форуме

---

<div class="post-metadata">

**Author:** ![dmitrijafamev](https://talk.24serv.pro/user_avatar/talk.24serv.pro/dmitrijafamev/32/20121_2.png) [@dmitrijafamev](https://talk.24serv.pro/u/dmitrijafamev)\
**Post date:** [25.Ноябрь.2025 21:02:57 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/48 "2025-11-25T21:02:57Z")

</div>

ой бLять, да точно, извеняюсь

---

<div class="post-metadata">

**Author:** ![dmitrijafamev](https://talk.24serv.pro/user_avatar/talk.24serv.pro/dmitrijafamev/32/20121_2.png) [@dmitrijafamev](https://talk.24serv.pro/u/dmitrijafamev)\
**Post date:** [25.Ноябрь.2025 21:05:27 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/49 "2025-11-25T21:05:27Z")

</div>

ни на чью он сторону не вставал, разуй свои глаза)  
я ко всем национальностям отлично отношусь, что к Казахам, что к Чеченцам

---

<div class="post-metadata">

**Author:** ![Imran](https://talk.24serv.pro/letter_avatar_proxy/v4/letter/i/7feea3/32.png) [@Imran](https://talk.24serv.pro/u/Imran)\
**Post date:** [25.Ноябрь.2025 21:15:33 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/50 "2025-11-25T21:15:33Z")

</div>

да, а ко мне как? “иди в чечню ебись” пишет, я просто написал тут что из россии не получается даже с ВПНом, а ты как буд то 10 лет на меня обиду затаил решил меня затронуть

---

<div class="post-metadata">

**Author:** ![Marusel](https://talk.24serv.pro/user_avatar/talk.24serv.pro/marusel/32/16416_2.png) [@Marusel](https://talk.24serv.pro/u/Marusel)\
**Post date:** [25.Ноябрь.2025 21:17:36 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/51 "2025-11-25T21:17:36Z")

</div>

Если ты не пытаешься оскорбить по нации то зачем вообще ее здесь упомянать? Как бы причем здесь это вообще?

---

<div class="post-metadata">

**Author:** ![DinnerBone](https://talk.24serv.pro/letter_avatar_proxy/v4/letter/d/53a042/32.png) [@DinnerBone](https://talk.24serv.pro/u/DinnerBone)\
**Post date:** [25.Ноябрь.2025 23:21:30 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/52 "2025-11-25T23:21:30Z")

</div>

> [@dmitrijafamev](#):
>
> Асхат Казах

Нет

---

<div class="post-metadata">

**Author:** ![DinnerBone](https://talk.24serv.pro/letter_avatar_proxy/v4/letter/d/53a042/32.png) [@DinnerBone](https://talk.24serv.pro/u/DinnerBone)\
**Post date:** [25.Ноябрь.2025 23:27:05 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/53 "2025-11-25T23:27:05Z")

</div>

> [@Imran](#):
>
> Саму нацию я не судил

Судил блYAть, переобуватель хренов ), когда мы с тобой в тг общались. Не помнишь? Давай слово в слово напишу твоё сообщение:

> Ты: Казах, понятно.

> Я: Я не казах )

> Ты: Да вы все на одно лицо

---

<div class="post-metadata">

**Author:** ![THEDINEER](https://talk.24serv.pro/user_avatar/talk.24serv.pro/thedineer/32/20446_2.png) [@THEDINEER](https://talk.24serv.pro/u/THEDINEER)\
**Post date:** [26.Ноябрь.2025 01:05:44 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/54 "2025-11-26T01:05:44Z")

</div>

нахуй ты вообще чето про версию пиздишь?

---

<div class="post-metadata">

**Author:** ![capybara](https://talk.24serv.pro/user_avatar/talk.24serv.pro/capybara/32/15770_2.png) [@capybara](https://talk.24serv.pro/u/capybara)\
**Post date:** [26.Ноябрь.2025 11:10:39 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/55 "2025-11-26T11:10:39Z")

</div>

я перепутал

---

<div class="post-metadata">

**Author:** ![capybara](https://talk.24serv.pro/user_avatar/talk.24serv.pro/capybara/32/15770_2.png) [@capybara](https://talk.24serv.pro/u/capybara)\
**Post date:** [26.Ноябрь.2025 11:23:20 UTC](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853/56 "2025-11-26T11:23:20Z")

</div>

сильно обидело?((

[Следующая страница](https://talk.24serv.pro/t/nu-kak-tam-google-ai-studio/32853.md?page=2)