Уважаемые подписчики, Replit только что запустил Agent 4, и на выходных я получил ранний доступ. В этом уроке я покажу вам, как планировать, проектировать и создавать приложение для отслеживания привычек в реальном времени, используя новый бесконечный холст Agent 4 и параллельные агенты. Я также покажу вам, как создавать презентации и анимацию из кода всего за 10 минут. Посмотрите прямо сейчас на YouTube или прочтите письменное руководство ниже. Временные метки: (00:00) Три новые функции в Replit Agent 4 (00:34) Шаг 1. Создайте приложение для отслеживания привычек с помощью бесконечного холста (03:39) Шаг 2. Создавайте быстрее с помощью параллельных агентов (05:52) Шаг 3. Публикуйте полнофункциональное приложение одним щелчком мыши (07:11) Шаг 4. Создайте слайд-шоу и анимацию из код (08:58) Честный взгляд: какое место Replit занимает на рынке ИИ-кодирования Что мы будем создаватьМне всегда хотелось приложение, в котором я мог бы отмечать свои привычки в календаре и отслеживать периоды, чтобы сохранять мотивацию. Итак, давайте построим его сейчас. 🔥1. Создайте приложение для отслеживания привычек с помощью Canvas. Давайте начнем с опробования нового бесконечного холста Replit с помощью этой подсказки: Создайте мобильное приложение для отслеживания привычек (максимум 3 привычки). Две вкладки: «Календарь» (по умолчанию) и «Привычки» (создание/редактирование). Вкладка «Календарь»: просмотр по месяцам. Покажите прогресс в каждом кольце даты, которое заполняется по мере завершения привычек. Коснитесь даты, чтобы открыть нижний лист с карточками переключения для каждой привычки. Вкладка «Привычки». Создавайте и редактируйте привычки. Поле имени, назначение цвета. Чистый и минимальный. Давайте начнем с изучения четырех вариантов дизайна вкладки календаря на холсте: Glassmorphic — темный, карты из матового стекла, мягкое свечение, ощущение премиум-класса. RPG Quest — пиксельная графика, полоски опыта, полоски пламени, геймифицированныйBotanical — метафора живого сада, из полос растут растения, спокойствие и земля. Вы меня удивили. Обратите внимание, как я попросил Replit создать четыре разных дизайна. За кулисами для выполнения работы привлекаются четыре отдельных агента. Вот первые три созданных им дизайна: стеклянный, ролевой и ботанический дизайн для моего приложения для отслеживания привычек. Поскольку в душе я геймер, я выберу дизайн квестов в жанре ролевой игры. Теперь давайте визуально отредактируем дизайн с помощью холста. Вы можете: Создать дополнительные экраны. Нажмите кнопку «+» для дизайна ролевой игры и попросите его: «Создать экран квеста». Внесите точные изменения. Нажмите значок проверки и измените текст или цвета вручную. Теперь, когда у нас есть представление календаря и квестов, которое нам нравится, давайте запустим Replit для их создания.2. Создавайте быстрее с помощью параллельных агентов. Вместо создания одного агента за раз, давайте заставим два агента работать параллельно. В Replit вы теперь можете запускать отдельные потоки для работы над разными частями приложения. Вот подсказки, которые я дал каждому агенту: Представление календаря: создайте представление по месяцам, проведите пальцем по экрану для прокрутки между месяцами, сегодня выделено. В ячейках даты показаны кольца прогресса, которые заполняются по мере реализации привычек (1/3, 2/3, 3/3). Коснитесь даты, чтобы увидеть нижнюю панель, где я могу включать и выключать 3 привычки. Представление «Привычки». Создавайте и редактируйте до 3 привычек с указанием имени и цвета. Для каждой привычки отображается текущее количество серий. Редактирование привычки сбрасывает ее серию до нуля. После запуска двух тредов вы теперь можете сидеть сложа руки и наблюдать за работой агентов. Это классное представление доски в стиле Trello, где вы можете видеть, как задачи проходят через три стадии: черновики, активные и готовые. Черновики — это планы, ожидающие утверждения, активный означает, что агент строит, а готовый означает, что работа завершена и готова к рассмотрению: я думаю, что именно сюда, я думаю, движутся агенты по кодированию ИИ. Вместо парного программирования с одним агентом вы управляете командой агентов. Вы даете им инструкции, уходите и возвращаетесь, чтобы просмотреть работу. Как только агенты закончат работу, вы можете просмотреть каждую из них и нажать «Применить изменения к основной версии», чтобы объединить ее. Вы по-прежнему контролируете, что будет отправлено. Если что-то не так, вы можете запросить изменения перед объединением. Как только приложение будет создано, вы можете развернуть его одним щелчком мыши, нажав «Опубликовать». Одним из преимуществ Replit является его вертикальная интеграция со встроенным интерфейсом, серверной частью, базой данных и сканированием безопасности.3. Создайте набор слайдов и анимацию с помощью кода. Набор слайдов, созданный Replit для этого урока. А теперь давайте повеселимся еще немного. Недавно я понял, что: Код — это основа всей научной работы. С помощью кода вы можете создавать не только приложения, но и слайды, анимацию, документы и многое другое. Например, я вставил этот полный пост информационного бюллетеня в Replit и создал следующие ресурсы: Слайд. Агент создал 10 слайдов, описывающих, как вы можете использовать Агент 4 для планирования.спроектируйте и создайте трекер привычек. Анимация. Агент создал красивую анимацию с пользовательской графикой и многим другим. Слайды, анимация и документы — это всего лишь код под капотом. Если агент может писать код и выполнять итерацию по нему, он может генерировать практически любой артефакт знаний. Честный взгляд: какое место Replit’s Agent 4 занимает на рынке ИИ-кодирования. Я думаю, что рынок ИИ-кодирования разделился на два сегмента — инструменты для профессиональных разработчиков и инструменты для всех остальных. Я думаю, что для разработчиков это гонка на двух лошадях между Claude Code и OpenAI’s Codex. Эти инструменты мощные, быстрые и глубоко интегрированы в рабочие процессы моделирования и разработки. Для всех остальных — и это более крупный рынок — Replit делает две ставки с Агентом 4: люди, не имеющие технических знаний, будут напрямую сотрудничать с агентами ИИ. Дизайнеры будут использовать ИИ для создания проектов на холсте, а не делать их вручную. Менеджеры по проектам будут управлять агентами через доску в стиле Trello для выполнения работы. Код — это основа работы со знаниями. Если агент умеет писать код, он может создавать приложения, презентации, анимацию и многое другое. Просто подумайте, сколько людей используют Microsoft Office, Google Workspace и традиционные инструменты дизайна или анимации. Это рынок, за которым гонится Replit. Я думаю, что «Агент 4» — это настоящий шаг вперед на обоих фронтах. Холст можно было бы еще немного отполировать, но направление ясно. В будущем мы будем работать с агентами ИИ для создания самых разных вещей, а не только приложений. Посмотрите мое руководство, чтобы увидеть это в действии, и попробуйте агент 4 самостоятельно.

You May Also Like

Enjoyed This Article?

Get weekly tips on growing your audience and monetizing your content — straight to your inbox.

No spam. Join 138,000+ creators. Unsubscribe anytime.

Create Your Free Bio Page

Join 138,000+ creators on Seemless.

Get Started Free