В этом практическом воркшопе участники пошагово создают собственный MVP-клон FigJam, используя Claude Code, модель Opus 4, Cursor IDE и мощный шаблон McKay’s App Template на базе Next.js, Supabase и Clerk. Материал ориентирован на разработчиков, которые хотят освоить современный AI‑ассистированный full‑stack процесс и научиться быстро запускать интерактивные веб‑приложения.
Что вы создадите в рамках воркшопа
По итогам обучения у вас будет минимально жизнеспособная версия совместного визуального редактора с интерактивной канвой, сохранением данных и возможностью реального применения. Вы узнаете, как правильно организовать архитектуру проекта и эффективно распределять задачи между собой и AI‑инструментами.
Ключевые функции MVP
Стикеры, фигуры и текстовые элементы
Интерактивное перетаскивание и редактирование
Работа с несколькими досками
Сохранение состояния в Supabase
Базовые инструменты рисования и управления канвой
Технологический стек и инструменты
Воркшоп демонстрирует, как AI-инструменты ускоряют разработку современного full‑stack приложения. Особое внимание уделено связке Next.js + Supabase + Clerk в сочетании с агентными возможностями Claude Code.
Основные технологии
Next.js для интерфейса и серверной логики
Supabase для хранения данных и real‑time функциональности
Clerk для аутентификации и управления пользователями
Cursor IDE как среда разработки с упором на AI‑генерацию кода
Opus 4 как модель для сложных задач проектирования и разработки
Работа с Claude Code и агентными файлами
Вы научитесь эффективно взаимодействовать с Claude Code, создавая агентные конфигурации и управляющие документы, которые направляют ИИ в процессе разработки.
cloud.md — правила работы AI‑агента
Разберём структуру файла, правильную формулировку ограничений и инструкций, а также способы оптимизации поведения агента под ваш проект.
tasks/to-do.md — планирование и отслеживание задач
Вы узнаете, как использовать этот файл для контроля хода разработки и распределения задач между разработчиком и ИИ.
Практическая часть и процесс разработки
Воркшоп строится вокруг постепенно развивающегося проекта, что позволяет закрепить знания сразу в реальной практике.
Пошаговое создание функционала
Инициализация проекта на основе McKay’s App Template
Настройка инфраструктуры и аутентификации
Создание канвы и инструментов взаимодействия
Механика перетаскивания и управления элементами
Реализация сохранения состояния и работы с несколькими досками
Кому подойдёт этот воркшоп
Материал будет полезен:
Начинающим full‑stack разработчикам
Инженерам, внедряющим AI‑помощников в свой рабочий процесс
Продакт‑дизайнерам и прототипировщикам
Тем, кто хочет быстрее создавать рабочие MVP‑приложения без лишней рутины
Что вы получите после прохождения
Готовый работающий MVP‑клон FigJam
Понимание AI‑ориентированного процесса разработки
Навык настройки и использования агентных файлов для Claude Code
Уверенность в создании собственных full‑stack проектов на Next.js + Supabase
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Я создаю и обучаю технологиям в сфере искусственного интеллекта и являюсь основателем Takeoff. В 2019 году я бросил колледж, чтобы учиться программированию. Начал экспериментировать с проектами в области искусственного интеллекта в 2020 году, когда появился GPT-3. Стал первым, кто создал монетизированный продукт с использованием OpenAI API в том же году. С тех пор занимаюсь разработкой продуктов на основе искусственного интеллекта.