SPLITFORM | AI, Web3 & Vibecoding
704 subscribers
8 photos
1 video
30 links
В этом канале я делюсь полезными материалами по вайбкодингу, информацией по созданию и развитию приложений.
Чат: https://t.me/+AlTiM_srlAo1NTk6
Download Telegram
👇🏽Вот как вайбкодить в 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, не имея ранее бэкграунда в коде.

Если у вас есть идеи приложений, но вы боитесь начать - сохраняйте этот сетап.
❤6🔥3👌1
This media is not supported in your browser
VIEW IN TELEGRAM
Gemini 3.1 Pro ВЫШЛА — Google заявила о превосходстве над конкурентами

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

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

Тестим тут.
🔥3❤2👌1
SPLITFORM | AI, Web3 & Vibecoding
Gemini 3.1 Pro ВЫШЛА — Google заявила о превосходстве над конкурентами Google представила Gemini 3.1 Pro с упором на самые сложные задачи, включая программирование, работу ИИ-агентов и продвинутую генерацию аудио. По внутренним тестам модель показывает…
Прорывное обновление 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? Как ощущения от кода по сравнению с Клодом? Пишите в комменты 👇
👍6🔥4💯1
👾 Как я завайбкодил Web3-механику на 2500 игр за сутки (Разбор стека)

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

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

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

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

Если у вас есть идеи сложных продуктов - не бойтесь пробовать их собирать. Текущий стек позволяет фаундеру в одиночку делать вещи, для которых год назад нужен был отдел разработки.
❤6🔥4😍1
✏️ 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, не переключая окна.

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


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

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

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

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

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

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


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

Какая часть этого процесса вызывает у вас больше всего вопросов?
Пишите в комменты, разберем подробнее! 👇🏽
🔥9
Актуальные курсы от 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 до их распространения между командами и устранения типичных проблем.
3🔥13❤4🏆2
Пошагово буду рассказывать про создание веб приложения для проекта ApeDroidz

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

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

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

Если будут вопросы - обязательно задавайте в комментариях!
🔥8❤2
Вторая часть разработки веб приложения для ApeDroidz ⚡️

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

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

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

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

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

Итог: Минт работает стабильно и почти 2/3 коллекции уже распродано.
1🔥5🏆1
Третья часть разработки веб-приложения для ApeDroidz 👾

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[Gemini 3.1 Pro] — Главный архитектор. Помогала проектировать эту связку так, чтобы данные не терялись по пути.
🔥1
⚡️ Инструменты геймификации: Как я оживил апгрейд в ApeDroidz

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

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

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

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

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


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

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

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

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

Слияние, как функция - скучновато, поэтому я внендрил прикольную анимацию и прогресс, чтобы юзеры получали дофамин от действия и тянулись повторить действие снова.
🔥6❤2
Виральная петля: Как превратить юзеров в бесплатных амбассадоров 🚀
Седьмая серия уже в сети! Там я показал Grid Generator - инструмент, который принес нам больше 100 органических промо-постов в Твиттере только за первые дни.
Вместо того чтобы просить людей рассказать о нас, мы дали им инструмент для удовлетворения их собственного эго (желания пофлексить дроидами).

Анатомия нашей виральной петли:
• Болевая точка: Юзерам было неудобно показывать всю свою коллекцию. Мы дали им Grid Generator прямо на сайте.
• Динамика против Статики: Лента Твиттера мертва для статичных картинок. Мы заморочились и настроили генерацию GIF-анимаций. Дроиды двигаются - глаз цепляется.
• Социальный статус: Если юзер вставляет в сетку больше супер-дроидов, рамка становится оранжевой. Это моментально показывает статус холдера другим участникам.
• Frictionless Share (Шэринг без трения): Кнопка "Share and Flex" не просто скачивает гифку. Она формирует готовый твит, тегает наш аккаунт и вставляет призыв к действию. Юзеру остается нажать одну кнопку.
🔥6
Начал разбираться с OpenClaw 🦀
Буду показывать весь процесс и помогать разбираться вам, а так же присылать лайфхаки, интересные скиллы и прочее 🦾

Первый шаг - установка:
Нашёл VPS-сервис, где всё максимально просто:
• выбираешь сервер
• настраиваешь параметры
• оплачиваешь
• OpenClaw ставится в несколько кликов

Полезные ссылки:
• Сервис: Hostinger, скидка 20% на 12+ месяцев
• Подробный гайд по установке

Дальше буду разбираться с настройкой, безопасностью и первыми кейсами.
🔥6
👾 В восьмой серии рассказал про мини игру внутри проекта, в которую хочется играть без остановки

Как устроена система:
• у меня есть пул призов
• у каждого приза прописана вероятность
• при клике идёт запрос к бэку и выбирается результат

Но ключевая фишка в том, что в игре невозможно проиграть:
Даже если “не повезло”, пользователь получает осколки.
Это минимальный, но гарантированный результат
И дальше включается простая психология:
человек не чувствует потери → уменьшается страх повторить игру

Почему это важно:
Большинство механик ломаются именно на страхе проигрыша
особенно в вебе и крипто

Как можно применить:
• добавить “минимальный reward” в любую механику
• убрать ощущение, что пользователь “потерял”
🔥3
Как я встроил регулярный буст соцсетей внутрь продукта 🧠

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

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

Что происходит дальше:
• у пользователя появляется причина возвращаться
• активность становится регулярной
• соцсети получают живой engagement

Почему это работает:
потому что это не “сделай ради нас", а обмен ценности
ты сделал действие → получил выгоду

Где можно применить:
• комьюнити
• продукты с ежедневным использованием
• любые механики с возвратом пользователя
👍5🔥1
В 11 серии рассказываю почему пользователи начинают играть много и платят 🔄

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

Что добавил:
• лидерборд на месяц
• опыт за призы
• персонализированных дроидов за большое количество игр

Что это даёт:
игра превращается в:
• прогресс
• соревнование
• статус

И в этот момент поведение меняется:
юзер уже не “просто играет”, а у него появляются цели и он начинает двигаться внутри системы

Главный вывод:
юзеры платят и остаются не из-за функции, а из-за ощущения роста и позиции

Подумай:
есть ли в твоём продукте:
• прогресс?
• сравнение с другими?
• уникальная награда?

Если нет - ты теряешь большую часть вовлечения 👾
🔥6❤1