Создайте и опубликуйте свое первое приложение Atoms — от первого промпта до работающей версии, которой можно поделиться.

Вам не нужно изучать каждого агента, режим или технический термин перед началом. Базовый рабочий процесс гораздо проще: скажите Atoms, что вы хотите, проверьте, что он создал, внесите изменения, протестируйте и опубликуйте, когда все будет готово.

В этом руководстве в качестве примера используется простой сайт кафе, но тот же цикл работает и для лендинга, панели управления, внутреннего инструмента или вашей собственной идеи приложения.

Эти шаги описывают веб-проект для компьютера при входе в систему. Для мобильных проектов используется отдельный процесс сборки и распространения мобильной версии.

Перед публикацией дождитесь завершения текущей сборки, убедитесь, что у вас есть доступ к публикации, подтвердите, что проект не занят, и проверьте, что доступны необходимые ресурсы проекта, такие как кредиты или хранилище. Если Publish недоступна, проверьте версию проекта, доступ и условия по ресурсам перед повторной попыткой. Проекты, использующие данные, секреты, электронную почту, ИИ, платежи или другие подключенные сервисы, также требуют проверки продакшн-настроек перед публикацией.

Опишите, что вы хотите

Начните с поля промпта и опишите желаемый результат обычным языком. Вам не нужно писать технические спецификации или объяснять Atoms, как это кодировать.

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

Если вы уже нашли в Мир приложений что-то близкое к тому, что хотите, вы также можете начать с ремикса этого проекта вместо того, чтобы начинать с нуля.

Проверьте первый результат

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

Сначала выполните быструю проверку. Сейчас не нужно пытаться найти каждую мелкую проблему. Проверьте, понял ли Atoms основную идею.

• Есть ли основные разделы и функции?
• Соответствует ли общий макет тому, что вы запросили?
• Работают ли важные кнопки, ссылки, фильтры и другие взаимодействия?
• Есть ли что-то явно отсутствующее, сломанное или отличающееся от того, что вы имели в виду?

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

Внесите изменения

Рассматривайте первую версию как отправную точку. Скажите агенту простым языком, что вы хотите изменить, а затем снова проверьте результат.

Небольшие и конкретные запросы обычно проще проверять, чем менять все сразу.

Для визуальных изменений вы можете редактировать элементы напрямую в Просмотр приложений или описать изменение агенту. Если у вас есть скриншот, дизайн, файл или другой ориентир, которому должен следовать Atoms, загрузите его и укажите на него агенту.

Когда что-то ломается: Если что-то действительно сломано, а не просто отличается от ваших предпочтений, используйте Fix Bug или точно опишите агенту, что не так и где это происходит.

Если это все еще не работает: Не повторяйте один и тот же запрос после одной целенаправленной повторной попытки. Зафиксируйте затронутый шаг, что вы ожидали, что произошло, что вы уже пробовали, а также ссылку на проект, которой можно поделиться, или скриншот. Если вы платный пользователь и у вас проблема с аккаунтом, оплатой или платформой Atoms, откройте Atoms Help Center, выберите Atoms Support в разделе Explore resources и нажмите Contact us. Пользователям Бесплатный тариф, а также по обычным инструкциям по продукту и устранению неполадок, следует начать с Help Center, Ask Assistant или сообщества Atoms.

Протестируйте перед публикацией

Прежде чем отправлять приложение кому-либо, потратьте несколько минут и используйте его как настоящий посетитель. Быстрая проверка сейчас намного проще, чем объяснять неработающую ссылку после того, как вы ею поделитесь.

• Нажмите каждую важную кнопку и ссылку.
• Проверьте интерактивные части, такие как фильтры, формы, меню или навигация.
• Проверьте как ПК-, так и мобильное представление.
• Поищите текст, который обрезан, перекрывается, отсутствует или плохо читается.
• Убедитесь, что основной пользовательский сценарий работает от начала до конца.

Если ваше приложение зависит от сохраненных данных или действий на сервере, протестируйте и это. Atoms может использовать Atoms Cloud или Подключение Supabase для таких возможностей, как хранение данных, секреты, электронная почта, вызовы ИИ и платежи.

Перед публикацией удалите секреты, пароли, токены, личную информацию и приватные тестовые данные из всего, что могут видеть посетители. Подтвердите, должен ли проект быть Public или Private, и протестируйте рабочую ссылку с нужной учетной записью. Если приложение использует реальные платежи, электронную почту, сохраненные данные или подключенные сервисы, отдельно проверьте эти продакшн-действия перед публикацией.

Публикация

Когда предварительный просмотр выглядит правильно и основные взаимодействия работают, нажмите Publish в правом верхнем углу редактора.

Публикация создает рабочую ссылку, доступ к которой зависит от выбранной вами видимости. Public можно открыть по ссылке, и она может появиться в Discover. Private видна только владельцу и может быть ограничена тарифом. Перед тем как делиться, выберите нужную видимость и протестируйте ссылку с нужной учетной записью.

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

Проверьте рабочее приложение

Откройте опубликованную ссылку самостоятельно перед тем, как делиться ею. Убедитесь, что выбранная видимость Public или Private дает доступ нужной аудитории; для проверки используйте приватное окно или нужную учетную запись.

• Откройте ссылку в новой вкладке или приватном окне, используя учетную запись или контекст доступа, соответствующий целевой аудитории.
• Убедитесь, что страница загружается и показывает ту версию, которую вы ожидали.
• Повторите самые важные нажатия и взаимодействия.
• Проверьте страницу на телефоне, если для вашего приложения важны мобильные посетители.

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

Обновляйте после внесения изменений

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

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

После обновления еще раз откройте опубликованную ссылку и проверьте ее. Это дает вам простой повторяемый цикл:

Опишите → Проверьте → Измените → Протестируйте → Опубликуйте → Подтвердите → Обновите

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