Быстрый старт

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Опубликуйте

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

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

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

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

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

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

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

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

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

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

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

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

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