Конспект: Manus 1.6: Полный гид по созданию iOS/Android приложений и веб-сайтов без кода — VibCoderZ - VibeCoderz

Загрузка...

🎯 О чём этот конспект: Разбор масштабного обновления AI-агента Manus 1.6, который эволюционировал из простого чат-бота в полноценную платформу для разработки ПО. В видео демонстрируется процесс создания мобильных приложений, веб-сайтов и сложных графических дизайнов с помощью новой архитектуры Manus 1.6 Max.

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

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

1. Архитектура Manus 1.6 Max: Работа без «няньки»

Контекст: Основная проблема многих AI-инструментов — необходимость постоянно корректировать их работу (hand-holding). Обновление 1.6 вводит три режима работы: Light (бесплатный), 1.6 и 1.6 Max. Режим Max разработан специально для минимизации человеческого вмешательства. Он обладает на 30% большей стабильностью при проведении глубоких исследований и значительно лучше справляется с управлением внешними инструментами и сложными таблицами Excel. Это позволяет ставить задачу один раз и получать готовый результат без промежуточных правок.

Выгода: Экономия времени на итерациях и повышение вероятности успешного выполнения сложной задачи с первой попытки (Success Rate).

Как применить:

Шаг 1: Выбор модели — В начале любого сложного проекта (разработка ПО, анализ рынка) переключите тумблер в верхней части интерфейса на Manus 1.6 Max.
Шаг 2: Постановка комплексной задачи — Используйте Max для задач, требующих многошагового планирования. Например, «Проведи анализ конкурентов в нише SaaS для фитнеса, составь таблицу их функций и на основе этого предложи структуру моего приложения».
Шаг 3: Контроль выполнения — Наблюдайте за процессом в реальном времени. Модель сама будет выбирать инструменты (браузер, VS Code, терминал) без ваших подсказок.

Результат: Готовый аналитический отчет или работающий прототип с минимальным количеством ошибок.

2. Создание мобильных приложений (iOS/Android) без кода

Контекст: Manus теперь поддерживает полноценную разработку мобильных приложений, а не только веб-интерфейсов. Система генерирует не просто «картинку», а реальный код, базу данных и структуру файлов. Вы можете видеть процесс сборки, вносить изменения и даже устанавливать результат на свой телефон через QR-код. Это превращает Manus в мощный инструмент для быстрой проверки гипотез (MVP).

Выгода: Нулевые затраты на разработчиков для создания первой версии продукта. Возможность мгновенной публикации в Google Play и App Store.

Как применить:

Шаг 1: Инициация разработки — Перейдите в раздел "Develop Apps" в интерфейсе Manus.
Шаг 2: Написание промпта — Опишите функционал. Пример промпта из видео:

Create a simple app for people who want to track their daily habits like weather, energy levels, or water intake and see a clear overview of their trends over time.

Шаг 3: Мониторинг сборки — Пока Manus пишет код, вы можете зайти во вкладку "Code", чтобы изучить структуру, или во вкладку "Database", чтобы увидеть, как хранятся данные.
Шаг 4: Тестирование и установка — После завершения билда отсканируйте появившийся QR-код своим смартфоном. Приложение откроется и будет доступно для использования.
Шаг 5: Публикация — Нажмите кнопку "Publish", чтобы подготовить приложение к отправке в сторы.

Результат: Полнофункциональное мобильное приложение, установленное на вашем устройстве.

3. Веб-разработка через Blueprint и совместную работу

Контекст: При создании веб-сайтов Manus использует концепцию "Blueprint" (чертеж). Прежде чем писать код, агент создает план проекта, где определяет структуру и логику. Это позволяет избежать логических ошибок на поздних этапах. Также появилась возможность совместной работы над проектами, аналогично Google Docs или Figma, где вы можете приглашать коллег по ссылке.

Выгода: Прозрачность процесса разработки и возможность командного вайбкодинга.

Как применить:

Шаг 1: Создание проекта — Выберите создание веб-сайта и введите описание (например, игру "Memory Match").
Шаг 2: Анализ Blueprint — Изучите предложенный агентом план. Если структура вас устраивает, подтвердите запуск сборки.
Шаг 3: Коллаборация — Нажмите кнопку приглашения и введите email друга или коллеги. Они получат доступ к вашему воркспейсу.
Шаг 4: Выбор среды (Manus Computer) — В процессе сборки вы можете переключаться между Visual Code (для правки кода) и Browser (для просмотра результата).
Шаг 5: Кастомизация и домен — Используйте режим "Edit", чтобы менять цвета, кнопки и иконки. Вы можете купить домен прямо внутри Manus и привязать его к сайту в один клик.

Результат: Опубликованный веб-сайт на собственном домене с возможностью гибкой настройки дизайна.

4. Design View: AI-холст для профессиональной графики

Контекст: Новый инструмент Design View — это не просто генератор картинок, а полноценный графический редактор на базе AI. Он предлагает готовые шаблоны (от лендингов до выставочных стендов) и позволяет проводить глубокое редактирование: апскейл, удаление фона, замену объектов и текста. Уникальная функция "Markedit" позволяет точечно менять элементы на изображении с помощью выделения и текстовых команд.

Выгода: Замена базовых навыков Photoshop и ускорение создания маркетинговых материалов в 10 раз.

Как применить:

Шаг 1: Выбор шаблона — Выберите нужную категорию (например, "SaaS Landing Page" или "Product Concept").
Шаг 2: Генерация и Canvas — После создания изображения нажмите "Edit in Canvas".
Шаг 3: Использование Markedit — Чтобы заменить деталь (например, одежду персонажа), выделите нужную область кликом, введите промпт для замены и нажмите Submit.

Swap the outfits of these two characters. Change the blue jacket to a red hoodie.

Шаг 4: Финализация — Используйте встроенные инструменты для апскейла (увеличения разрешения) или удаления лишнего текста/фона.

Результат: Профессиональный графический контент, готовый к использованию в рекламе или на сайте.

FAQ

В: Можно ли реально опубликовать приложение из Manus в App Store? О: Да, Manus предоставляет инструменты для публикации. После завершения сборки во вкладке разработки доступна опция подготовки билда для Google Play и App Store.

В: Нужно ли платить за использование Manus 1.6 Max? О: Да, версии 1.6 и 1.6 Max доступны на платных тарифах. Однако версия Light бесплатна, а при регистрации по реферальным ссылкам часто дают бонусные кредиты (например, 1000 кредитов) для теста.

В: Насколько сложные приложения может создавать Manus? О: Он отлично справляется с MVP: трекеры, калькуляторы, простые игры, дашборды с базами данных. Для высоконагруженных систем со сложной архитектурой безопасности может потребоваться доработка кода человеком, но 90% работы агент берет на себя.

В: Можно ли редактировать код, который написал Manus? О: Безусловно. В режиме разработки есть вкладка "Code", где отображается вся файловая структура. Вы можете копировать код в свой редактор или вносить правки прямо в интерфейсе Manus через встроенный VS Code.

В: Что такое Blueprint в процессе создания сайта? О: Это этап планирования. Перед тем как тратить ресурсы на написание кода, Manus описывает логику работы сайта, его страницы и функции. Это позволяет пользователю скорректировать курс разработки до того, как будет написана первая строка кода.

Конспект создан на основе видео «Manus 1.6: The AI Agent That Builds Apps & Websites For You» канала [Название канала не указано в транскрипте, автор упоминает Manus 1.6]. Все права на оригинальный материал принадлежат авторам. Источник: https://www.youtube.com/watch?v=vwlWps_D2GE