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

Недавно ключевой разработчик Anthropic Тарик Шихипар (Thariq Shihipar) опубликовал мощный лонгрид «Lessons from Building Claude Code: How We Use Skills».

Тарик - не только ведущий разработчик Claude Code, но и главный архитектор функции «Skills» (за его плечами стартап в YC W20 и работа в MIT Media Lab). В статье он делится инсайдами от первого лица: как команда Anthropic использует модульную систему Skills для радикального повышения эффективности Claude.

Что внутри:
• 9 реальных юзкейсов и принципы проектирования высокого уровня.
• Практические советы, как избежать частых ловушек при разработке.
• Разбор того, как Skills стали самым гибким ИИ-инструментарием, который легко создавать и шерить.

💡 Главная фишка: Навыки (Skills) работают как эксклюзивные «умные папки». Они могут одновременно содержать скрипты, базы знаний и документы, заставляя ИИ думать и действовать как настоящий профессиональный ассистент.

Тред уже разорвал X (Twitter): более 6 млн просмотров и 15 000 лайков! В тусовке разработчиков статью уже окрестили «Библией для создателей ИИ-агентов».

🔗 Ссылка на статью
❤6👍1
2ой день работы с OpenClaw 🦀

Решил сразу подключить OpenRouter, чтобы не раскидывать баланс по разным API и гибко выбирать модели:
• добавил API-ключ в Environment variables прямо на Hostinger и ребутнул сервер
• в OpenClaw появился выбор моделей прямо в чате

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

Дальше буду настраивать безопасность и ограничения
👍4🔥2
🦀 Воспитываю OpenClaw: день 3 - безопасность и контроль агента

После настройки первым делом закрыл вопросы безопасности.
OpenClaw имеет доступ к системе/данным, поэтому важно сразу задать правила.


Что сделал:

• попросил его проверить настройки по официальному гайду:
"Внедри и проверь все на этой странице. Одно исключение: оставьте параметр allowinsecureauth в значении true
https://docs.openclaw.ai/gateway/security"

• добавил правило: сначала черновик → потом действие:
"Отправляя сообщения от моего имени, всегда сначала составляйте черновик и получайте мое одобрение. Всегда спрашивайте разрешения, прежде чем удалять файлы. Всегда спрашивайте разрешения, прежде чем отправлять запросы в сеть"

• ограничил попытки, чтобы не зацикливался:
"Если задача завершится с ошибкой три раза, остановитесь. Не допускайте бесконечного выполнения какой-либо задачи. Ограничьте время выполнения 10 минутами, если я не укажу иное"


💡 Совет: такие проверки лучше гонять на дешёвых моделях
❤6
👾 Как не теряться в багах, когда продукт растёт. Вайбкодиннг, часть 14

В видео сказал главное:
баги неизбежны - важно, как быстро ты их находишь и фиксишь

Что я сделал у себя:

1. Логирую каждую игру
все ключевые действия пользователя сохраняются
→ вижу, как система ведёт себя на самом деле


2. Ошибки фиксируются отдельно
если что-то ломается - это сразу видно
→ не жду, пока кто-то напишет


3. Слежу за паттернами, не только баги, но и:
• абуз
• странные сценарии
→ так находишь слабые места


4. Данные = понимание
чем больше пользователей - тем больше реальной картины

Вывод:
Не пытайся построить идеальную систему. Строй систему, где быстро видно, что пошло не так 🤌🏼

Ставь 🔥 если было полезно!
🔥11
🦀 Как я поставил Codex на сервер и подключил его к OpenClaw
В рилсе рассказал про фишку, которая сильнее всего прокачала мой OpenClaw.

До этого любая настройка, правка или проблема отнимала слишком много времени и сил.
Но когда я поставил Codex на сервер и подключил его к OpenClaw, работа стала намного проще.

Что это мне дало:
• не пережеивать за списания и баланс по API
• быстрее вносить изменения
• спокойнее тестировать новые идеи
• меньше упираться в техническую рутину
• использовать OpenClaw уже не как игрушку, а как реальный рабочий инструмент

Как я это делал:
1. Поднял сервер
Чтобы OpenClaw жил в отдельной нормальной среде, а не крутился локально на личной машине.

2. Установил Codex CLI на сервер
Именно это стало ключевым изменением в моей сборке.
После этого многие технические задачи начали решаться заметно проще.

3. Установил и настроил OpenClaw
После базовой установки уже можно переходить к самому важному, к связке OpenClaw + Codex.

4. Прошел авторизацию внутри OpenClaw через OAuth
Логика тут такая:
сначала ставится Codex,
а потом уже внутри OpenClaw проходится авторизация, чтобы эта связка нормально работала в реальных задачах.

5. Проверил всё на реальной задаче
Именно после этого OpenClaw у меня начал ощущаться совсем по-другому.
Не как “прикольная штука потестить”, а как система, которой уже реально можно делегировать куски работы.


Важный момент:
Если вам нужен быстрый старт, я бы не пытался сразу усложнять всё вручную.

Лучше сначала собрать рабочую основу:
сервер → Codex → OpenClaw → авторизация → тест на реальной задаче
А уже потом докручивать остальное.

Разбор, который взял за основу:
https://www.youtube.com/watch?v=uxqb5QviwUY
Он реально оказался полезным и сильно ускорил мне установку.
❤8
🦀 Как я добавил рефлексию в OpenClaw, чтобы система самоулучшалась со временем.

В видео рассказываю принцип: как собрать AI-систему так, чтобы она не копила мусор, а со временем становилась только эффективнее

Основные принципы для агента:
• не хранить всё в одном файле
• разделять сырой лог и выводы
• делать отдельный слой для рефлексии
• регулярно пересматривать и чистить старое
• оставлять только то, что реально помогает работе

Статья в которой я взял основу: https://telegra.ph/Primer-gotovoj-nastrojki-OpenClaw-03-13

Ставь🔥если было полезно!
🔥6❤1