Матрица с разделением задач для Gemini и Claude⚡️

Сменил Cursor на Antigravity - получилось как будто использовал какой-то чит
Главный инсайт: в Antigravity (с подпиской Gemini Pro) лимиты Claude выше, чем на подписке Cursor, но их всё равно нужно беречь. Чтобы не сливать Claude на ерунду, я разделил задачи.

Ловите Матрицу, по которой я собирал последний проект. С ней скорость разработки выросла в 1.5 раза, а лимитов хватает на несколько дней плотного билдинга, затем обновляются каждую неделю.

Сегодня хочу поделиться с вами подкастом, который дал мне множество мыслей для размышлений, а так же подарил невероятный заряд мотивации.

https://www.youtube.com/watch?v=vjRpVUG-AeE

Супер апгрейды для вайбкода - почти одновременно были релизнуты Claude Opus 4.6 и GPT-5.3-Codex

Будем тестить)

⚡️Стек ApeDroidz: как я реализовал Web3 приложение ⚡️
Как и обещал в видео, выкладываю полный список инструментов и лайфхаков, которые помогли мне завершить разработку до результата. Сохраняйте шпаргалку 😁

🧠 AI-Архитектура (Мозги проекта)
• Gemini Pro — мой главный наставник и архитектор. Помогал выстраивать структуру, план действий и общую логику приложения.
• Claude — незаменим для сложных задач. Весь дебаггинг, тяжелая логика и работа с блокчейн-механиками лежали на нём.

💻 IDE (Рабочее пространство)
• Cursor ➔ Antigravity. Начинал проект в Cursor, но в самый сложный момент перешел на Antigravity от Google и допилил проект в нём.
Если у вас есть проблемы с доступом к Antigravity, Cursor остается лучшей альтернативой.

🌐 Web3 & Инфраструктура
• Thirdweb — всё, что касается блокчейна. Смарт-контракты, Connect Wallet, минт батареек, механики Burn и Merge реализованы через их готовые решения.
• Supabase — база данных и Storage. Использую их бесплатный гигабайт для хранения данных - этого вполне хватает для старта.
• 4everland — работа с метаданными и выгрузка на IPFS.

🎨 UI/UX & Визуал
• 3D разработка — только ручная работа. Модель дроида - это игровой аватар, поэтому тут без генерации.
• Адаптации + анимации — здесь помогал Claude, чтобы всё корректно отображалось на всех экранах, а так же глитчевало и двигалось плавно.
• Интерфейс — гибрид ручной работы, Gemini Pro и Claude.

💡 Лайфхаки проекта:
1. Бесплатные ресурсы: Supabase дает 1 ГБ бесплатного стореджа - достаточно для большинства небольших проектов.
2. Лимиты в Antigravity: если у вас подписка Gemini Pro - лимиты на Claude обновляются раз в неделю. Если Gemini Ultra - лимиты скидываются каждые 5 часов.

Посмотреть результат вживую: 👉 ApeDroidz.com

Если появляются вопросы или хотите что-то обсудить - пишите в комментарии, буду рад ответить и обсудить 🦾

Как запустить IT-продукт бесплатно
В рилсе показал инструменты, на которых я строю свои проекты.

Главный принцип: максимальный функционал на бесплатном тарифе.
Разбираем подробнее + даю альтернативы, если основной вариант вам не подойдет.

1. Google Antigravity — IDE (управление).
Фишка: Агентная разработка + Gemini Pro внутри бесплатно.
Альтернативы: Cursor (топ, но платный), Windsurf, VS Code + Copilot.

2. Supabase — База данных + Бэкенд.
Фишка: Огромный бесплатный тариф (500MB базы).
Альтернативы: Firebase, Appwrite (можно хостить самому).

3. Stack Auth — Авторизация (Вход/Регистрация).
Фишка: Open Source, ставится за 5 минут, выглядит стильно.
Альтернативы: Clerk (до 10к юзеров бесплатно), Kinde.

4. OpenRouter — Агрегатор нейросетей.
Фишка: Доступ к DeepSeek, Claude, GPT-4 через один дешевый API.
Альтернативы: Hugging Face API (медленнее, но есть free).

5. Mintlify — Документация проекта.
Фишка: Сами сканируют код и генерируют красивые гайды.
Альтернативы: GitBook, Docusaurus.

6. Vercel — Деплой (Публикация сайта).
Фишка: Сайт в интернете за 1 минуту через GitHub.
Альтернативы: Netlify, Cloudflare Pages.

7. Microsoft Clarity — Веб-аналитика.
Фишка: Тепловые карты и запись экрана пользователей. 100% Free.
Альтернативы: PostHog (до 1 млн событий).

Ессли возникают вопросы - обязательно пишите в комментарии, все обсудим 🙂

👇🏽Вот как вайбкодить в 10 раз эффективнее:

Все говорят про вайбкодинг, но никто не объясняет, как на самом деле выстроить рабочий процесс, чтобы не сжигать нервы и деньги.

Спустя месяцы тестов и запуска реальных продуктов: вам не нужна одна идеальная нейросеть. Вам нужны ДВЕ, и у каждой - своя роль.

🧠 Мозг (Архитектор): Google Antigravity (Gemini 3 Pro).
🔨 Руки (Строитель): Claude Code (в Antigravity или через OpenRouter).

Почему эта связка обходит всё остальное:

1. Gemini планирует бесплатно и глубоко.
У Antigravity (Gemini) огромный контекст. Я загружаю туда всю идею приложения, документацию API и прошу: "Создай детальный план реализации. Не пиши код. Только архитектуру и шаги".
Он выдает идеальный план без галлюцинаций, потому что мы не заставляем его кодить, а просим думать.

2. Claude исполняет как сеньор-разработчик.
Потом я скармливаю этот план Клоду (Claude Sonnet 4.6 / Opus 4.6). Команда простая: "Прочитай папку, пойми план от Gemini и реализуй шаг 1".
Клод лучше всех пишет сложный код, находит ошибки и дебажит сам себя. Он не тратит дорогие токены на «размышления», он просто берет и строит по чертежу.

💎 Лайфхак по лимитам:
Если у вас есть подписка Google Pro / Ultra, вы получаете расширенные лимиты на использование Claude прямо внутри Antigravity.

Итог: Разделение труда.
Один мозг думает (планирует архитектуру), другой строит (пишет чистый код).
Я использую Claude только для сложного кода. Мелкие правки интерфейса? Прошу Gemini.

За последние месяцы я собрал на этой связке Web3 приложение для нашего проекта ApeDroidz и тулзы для студии ZeroBrand, не имея ранее бэкграунда в коде.

Если у вас есть идеи приложений, но вы боитесь начать - сохраняйте этот сетап.

Gemini 3.1 Pro ВЫШЛА — Google заявила о превосходстве над конкурентами

Google представила Gemini 3.1 Pro с упором на самые сложные задачи, включая программирование, работу ИИ-агентов и продвинутую генерацию аудио.

По внутренним тестам модель показывает лучшие результаты в кодинге и сложных вычислениях, обходя решения конкурентов, включая разработки Anthropic.

Тестим тут.

Прорывное обновление Gemini 3.1 PRO: Что нового и как тестить бесплатно

В новом рилсе рассказал про ночной дроп от Google. Gemini 3.1 Pro - это не просто косметический апдейт, это серьезная заявка на лидерство в написании сложного кода и логики.
Давайте разберем плюсы, минусы и главное - где это можно использовать бесплатно.

🔥 Ключевые фичи для вайбкодеров:

1. Новый уровень логики: На тестах ARC-AGI-2 (абстрактное мышление) модель показала 77.1%, обойдя текущие версии Claude. Она стала гораздо лучше удерживать контекст сложных архитектур.
2. Генерация SVG-анимаций: Вы просите анимацию текстом, а она выдает готовый код. Никаких тяжелых видеофайлов, сайт летает.
3. Live Mode с экраном: Фича для мобилки. Запускаете билд приложения на телефоне, шарите экран нейронке и голосом (в реальном времени) просите найти визуальные баги или поправить UX.

⚠️ Конструктивный минус:
Google закрыл эту мощь пейволлом для масс-маркета. В обычном приложении Gemini модель 3.1 Pro доступна только на тарифах Google AI Pro и Ultra.

🛠 КАК ТЕСТИРОВАТЬ БЕСПЛАТНО (Фри-доступ для разработчиков):
Нам не обязательно покупать подписку. Модель уже открыта в режиме превью на платформах для разработчиков:

1. Google AI Studio - Идеально для быстрых тестов промптов, проверки сложной логики и генерации кусков кода. Работает прямо в браузере.
2. Google Antigravity - Моя любимая десктопная IDE (Agent-First). Gemini 3.1 Pro уже встроена туда как ваш личный ИИ-агент под капотом.

Если вы давно откладывали старт своего продукта - сейчас лучший момент закинуть идею в AI Studio и посмотреть, как она разложит её на архитектуру.
Кто уже успел пощупать 3.1 Pro? Как ощущения от кода по сравнению с Клодом? Пишите в комменты 👇

👾 Как я завайбкодил Web3-механику на 2500 игр за сутки (Разбор стека)

Вчера выкатил апдейт для ApeDroidz - игру с вытягиванием карточек и призами. Результат за первые 24 часа: более 2.5к сыгранных партий и 100+ уникальных юзеров.

Главный инсайт: вайбкодинг давно вышел за пределы «сделать сайтик по фану». Связка нейронок и правильных баз данных реально тянет сложную логику.

Вот как распределились роли инструментов:

▪️ [Antigravity] - моя основная рабочая среда, где я собирал всю архитектуру воедино.
▪️ [Gemini Pro] - отвечал за дизайн UI и проектирование общей логики игры.
▪️ [Claude 4.6 Sonnet] - подключал для хирургического дебага и сложных фиксов в коде, где нельзя ошибаться.
▪️ [Supabase] - держит бэкенд и высчитывает вероятности выпадения призов.
▪️ [Thirdweb] - вся ончейн-инфраструктура. Проект подрос, поэтому пришлось взять базовую подписку за $5/мес для стабильности транзакций.
▪️ [Vercel] - хостинг по классике.

Если у вас есть идеи сложных продуктов - не бойтесь пробовать их собирать. Текущий стек позволяет фаундеру в одиночку делать вещи, для которых год назад нужен был отдел разработки.

✏️ Pencil выкатил супер годный апдейт

В новом видео рассказал про инструмент, который закрывает важную боль вайбкодера: когда ИИ генерит дизайн, но чтобы внести микро-правки кодом, приходится тратить десятки промптов и кучу времени.

Инструмент называется Pencil. Это генеративный UI-редактор, который работает по принципу «пишем промпт → получаем редактируемый холст».

Последнгие обновления:

• Теперь 6 агентов параллельно генерируют дизайны на одном бесконечном холсте;

• Достаточно написать промпт и получить готовый дизайн с возможностью полной кастомизации;

• Добавили импорт любых файлов в чат или холст, а также поддержку кастомных шрифтов;

• Появился экспорт в любом формате — PDF, JPG, PNG и WebP;

• Завезли поддержку Antigravity, Copilot, Gemini CLI, Opus 4.6, Sonnet 4.6 и OpenCode;

• Вышло полноценное приложение для Windows — теперь инструмент доступен на Win, Mac и Linux.

Теперь можно накидать сложный UI промптами, поправить отступы мышкой и сразу пустить это в прод через свою IDE, не переключая окна.

Кто уже тестил?

Вышел новый интересный подкаст с Дороничевым, рекомендую к просмотру!

Всем отличного воскресенья 👾

https://youtu.be/QFTq22wZxNo?si=96tE9aPMPu0VpAI5

📟 Как быть Архитектором своего продукта
Продуктивный вайбкодинг - это всегда про умение выстроить систему, которая выдает качественный результат силами одного человека.


Вот мой оптимальный стек для сборки продуктов, где качество стоит на первом месте:

[Gemini 3.1 Pro] - Мозг всей системы. Она отвечает за сложную логику и стратегию.

[Variant.com] - Визуальный фундамент. Здесь я просматриваю десятки вариантов дизайна в день, чтобы получить эстетику, которую не отличить от работы профессиональной студии.

[GitHub] - Контроль и дисциплина. Полная история изменений и возможность в любой момент откатиться или масштабировать систему. Это база для любого серьезного продукта.

[Antigravity] - Цех сборки. Среда разработки, где Gemini и Claude работают в паре, заменяя целый IT-отдел и превращая идеи в чистый код.

[Vercel] - Площадка запуска. Мгновенный деплой и глубокая встроенная аналитика поведения пользователей.


Этот маршрут позволяет мне не тратить месяцы на рутинную разработку, а фокусироваться на целях и качестве продукта.

Какая часть этого процесса вызывает у вас больше всего вопросов?
Пишите в комменты, разберем подробнее! 👇🏽

Актуальные курсы от Anthropic:

1. Claude Code in Action — Интегрируйте Claude Code в свой процесс разработки.

2. Claude 101 — Узнайте, как использовать Claude для повседневных рабочих задач, разберитесь в ключевых функциях и изучите ресурсы для более продвинутого обучения по другим темам.

3. AI Fluency: Framework & Foundations — Научитесь эффективно, продуктивно, этично и безопасно сотрудничать с ИИ-системами.

4. Building with the Claude API — Этот комплексный курс охватывает весь спектр работы с моделями Anthropic через Claude API.

5. Introduction to Model Context Protocol — Научитесь с нуля создавать серверы и клиенты Model Context Protocol на Python. Освойте три ключевых примитива MCP — инструменты, ресурсы и промпты — чтобы подключать Claude к внешним сервисам.

6. AI Fluency for educators — Этот курс помогает преподавателям, instructional designers и руководителям в образовании применять AI Fluency в своей преподавательской практике и институциональной стратегии.

7. AI Fluency for students — Этот курс помогает студентам развивать навыки AI Fluency, которые улучшают обучение, планирование карьеры и академическую успешность через ответственное сотрудничество с ИИ.

8. Model Context Protocol: Advanced Topics — Изучите продвинутые паттерны внедрения Model Context Protocol, включая sampling, уведомления, доступ к файловой системе и транспортные механизмы для разработки production-MCP серверов.

9. Claude with Amazon Bedrock — В рамках аккредитационной программы, созданной для AWS, Anthropic запустила уникальное обучение для сотрудников AWS. Вот полный курс, чтобы вы могли проходить его вместе с программой.

10. Claude with Google Cloud’s Vertex AI — Этот комплексный курс охватывает весь спектр работы с моделями Anthropic через Vertex AI в Google Cloud.

11. Teaching AI Fluency — Этот курс помогает преподавателям вузов, instructional designers и другим специалистам обучать AI Fluency и оценивать эти навыки в формате занятий с преподавателем.

12. AI Fluency for nonprofits — Этот курс помогает специалистам некоммерческих организаций развить AI fluency, чтобы повысить эффективность и влияние организации, сохраняя верность её миссии и ценностям.

13. Introduction to agent skills — Узнайте, как создавать, настраивать и делиться Skills в Claude Code — переиспользуемыми инструкциями в markdown, которые Claude автоматически применяет к нужным задачам в нужный момент. Этот курс проведёт вас от создания первого Skill до их распространения между командами и устранения типичных проблем.

Пошагово буду рассказывать про создание веб приложения для проекта ApeDroidz

Первая часть уже выпущена 🤖
Список инструментов из видоса:

[v0.app] - Отличный сервис для генерации фронтенд-прототипов. Буквально описываешь словами, что хочешь видеть, и получаешь готовую верстку.

[Mixamo от Adobe] - Бесплатная библиотека профессиональных анимаций для 3D-моделей. Оттуда я взял те самые танцы и двоечку для нашего дроида.

Если будут вопросы - обязательно задавайте в комментариях!

Вторая часть разработки веб приложения для ApeDroidz ⚡️

Видео уже в инсте. В этот раз мы прикручивали механику покупки батареек прямо на сайт.
Традиция деплоить всё в Mainnet прямо за день до старта соблюдена успешно. Код отваливался, коннект не шел, но все решили)

[Antigravity] - Скормил ему референсы топовых площадок, и он сгенерил отличную базу для кода. Ну и конечно же вся сборка тут.

[Figma] - Здесь я докручивал UX. Нейронки - это супер, но правильное FOMO и конверсионный визуал сами себя не сделали.

[Thirdweb] - Вся блокчейн-инфраструктура. Идеальное решение для смарт-контрактов, но настраивать синхронизацию с сайтом было больно.

[Claude] - Мой личный спаситель-дебаггер. Когда интеграция с Thirdweb начала сыпаться, именно Клод помог найти конфликты в коде и всё ювелирно связать воедино.

Итог: Минт работает стабильно и почти 2/3 коллекции уже распродано.

Третья часть разработки веб-приложения для ApeDroidz 👾

Видео уже в инсте. В этот раз мы собирали «сердце» проекта - интерактивную систему апгрейда дроидов. Хотелось уйти от скучного интерфейса и сделать настоящий игровой опыт.

Инструменты этой серии:

[Freepik + Nano Banana] - Мой основной источник визуала. После десятков итераций сгенерил ту самую 3D-машину, которая идеально вписалась в стилистику.

[Antigravity] - Вся техническая магия тут. В этот раз пришлось попотеть над фронтендом: вручную выставлял углы и повороты элементов через CSS, чтобы картинки внутри 3D-объекта выглядели нативно.

[Gemini 3.1 Pro] - Помогала с логикой взаимодействия.

Итог: Визуально всё выглядит очень сочно, но впереди самое сложное - оживить эту машину и связать её с блокчейном.

🔥 The Agency: опенсорсная армия ИИ-специалистов

Наткнулся на мощный репозиторий, который сейчас рвет GitHub. Это коллекция из 60+ детально прописанных ИИ-агентов: от разработчиков и девопсов до маркетологов и дизайнеров.

Вместо банальных промптов - готовые к проду специалисты с узкой экспертизой, характером и рабочими процессами. Главная фишка: они бесшовно интегрируются скриптами прямо в ваши IDE (Cursor, Claude Code, Windsurf, Aider и др.).

Однозначный мастхэв для тех, кто хочет автоматизировать рутину и собрать AI-команду мечты под любой проект.

Ссылка

🤖 Четвертая часть разработки ApeDroidz: Блокчейн-архитектура и бэкенд
Визуал - это только верхушка айсберга. В этой серии мы нырнули под капот и связали всё с блокчейном.

Стек, на котором держится вся магия апгрейда:

[4everland] — Здесь мы «замораживаем» новые арты. Стандарт Web3: децентрализованное хранилище, где метаданные нельзя подменить или удалить.

[Thirdweb] — Наш блокчейн-движок. Через него реализована механика сжигания батареек и вызов функций смарт-контракта.

[Supabase] — База данных и связь с бэком. Они «слушают» блокчейн, ловят факт успешного сжигания и мгновенно обновляет информацию о дроиде.

[Gemini 3.1 Pro] — Главный архитектор. Помогала проектировать эту связку так, чтобы данные не терялись по пути.

Люблю смотреть подкасты по теме ИИ
Сегодня глянул еще один - очень любопытные размышления

Всем рекомендую: https://www.youtube.com/watch?v=LF5O3sTKcOE

⚡️ Инструменты геймификации: Как я оживил апгрейд в ApeDroidz

В пятой серии показал, как превратить скучное ожидание блокчейн-транзакции в залипательный аттракцион с глитчами и вспышками.
Секрет в том, что я не использовал тяжелые WebGL-библиотеки, которые повесили бы мобилки юзеров. Всё собрано так, чтобы сайт летал.

🛠 Мои инструменты для анимаций:

[CSS Clip-path & Keyframes] - Тот самый технический инструмент (язык стилей), который хаотично обрезает и сдвигает копии картинки, создавая эффект поломанного экрана.

[Antigravity] - Основная среда разработки. Здесь я сводил все слои верстки. Главная задача была сделать так, чтобы визуальные эффекты происходили поверх интерфейса, но при этом не перекрывали кнопки (использовал для этого свойство pointer-events: none).

[Claude / Gemini] - Мои главные ИИ-кодеры. Писать сложную анимацию сдвига пикселей руками - это долго и больно. Нейронки собирают это за секунды.


🎁 Бонус: Как заставить ИИ написать такой же эффект?
Если просто попросить нейронку «сделай глитч», она собирает это довольно криво. Вот мой рабочий промпт, который вы можете скопировать в свою IDE:

"Мне нужен глитч-эффект для апгрейд-машины. Сделай 3 уровня интенсивности: легкое подрагивание при добавлении предмета -> усиленный глитч -> жесткий хардкорный глитч во время транзакции. При успехе — flash-вспышка и конфетти. Ключевое условие: не ломай текущую верстку и кликабельность (используй pointer-events: none для слоев с анимацией). Реализуй на чистом CSS (clip-path + transform) без WebGL."

Фреймворк апгрейда: Как управлять количеством и не убить экономику продукта 📉
В шестой серии показал механику Мерджа. Если вы делаете Web3-проект или игру, рано или поздно у юзеров скапливается дешевый ресурс. Если не дать ему применение - экономика рухнет.

Как мы это решили:

• Математика крафта: Мы посчитали рыночную стоимость супер-батарейки и приравняли её к 20 обычным. Это создало «дно» цены для дешевых батареек - их стали скупать ради крафта.
• Голосование DAO: Я не стал спускать цифру "20" сверху. Мы провели опрос, и комьюнити само утвердило этот баланс. Это снизило негатив до нуля.
• Визуальное подкрепление: Я не просто сделал кнопку «Обменять». В Antigravity я прописал логику: каждая вставленная батарейка усиливает свечение и глитч интерфейса. Юзер чувствует вес своего действия.
• Бэкенд: Под капотом работает смарт-контракт на [Thirdweb], который переводит 20 NFT на адрес хранилища и взамен присылает 1 супер батарейку юзеру

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