Шаблон проекта для работы с ИИ

Соберите сайт или приложение с ИИ — даже если раньше не писали код.

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

Открыть шаблон на GitHub Как начать: 3 шага

Первые задачи — без ручного программирования
Все части в одном проекте
Код остаётся у вас

Ваш проект

Кто за что отвечает

Вы решаете, что строить. Агент вносит изменения.

Шаблон даёт готовую техническую основу: вам не нужно выбирать технологии, а агенту уже описано, где и как менять код.

Вы задаёте результат

Опишите нужный экран или сценарий, проверьте, что получилось, и решите, что делать дальше.

Агент меняет код

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

Шаблон задаёт правила

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

Для кого

Первая версия продукта — с опытом программирования или без

Новичку шаблон помогает не потеряться в технических решениях, основателю — проверить идею, команде — начинать проекты на общей основе.

Тем, кто не программировал

Чтобы собрать первый сайт или приложение небольшими понятными шагами.

Начните с одной страницы

Основателям продукта

Чтобы собрать первую версию, показать её пользователям и проверить идею до расширения команды.

Проверьте идею на рабочей версии

Командам и студиям

Чтобы не выбирать технологии и структуру заново для каждого нового проекта.

Одинаковая основа для проектов

Что входит в шаблон

Начните с продукта, а не с настройки проекта

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

Четыре части продукта

Лендинг, веб-приложение, мобильное приложение и сервер находятся в одном проекте.

Инструкции для агента

В проекте описано, где менять код, как связаны его части и какие проверки запускать.

Компоненты и стили

Готовые секции, формы и общие стили избавляют от настройки каждого элемента с нуля.

Проверки изменений

Автоматические проверки и тесты помогают находить ошибки после изменений.

Перед первой задачей

Что настроить под себя

4 пункта

1Название и текстыЗаменить
2Цвета и шрифтыВыбрать
3Первая функцияОписать
4ПубликацияНастроить позже

С чего начать

Первая проверяемая задача — в три шага

Опишите продукт, поставьте агенту одну конкретную задачу и проверьте результат. После этого переходите к следующей функции.

01
Опишите продукт
Кто будет им пользоваться, какую проблему он решает и что пользователь должен сделать в первую очередь.
02
Поставьте одну задачу
Например: собрать главный экран, добавить форму заявки или подключить данные. Агент внесёт изменения и запустит проверки.
03
Проверьте результат
Откройте страницу или приложение. Если сценарий работает как задумано и проверки прошли, переходите к следующей задаче.

Что можно собрать

Соберите одну часть или весь продукт

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

Сайты и лендинги

Соберите сайт продукта, каталог или промостраницу из готовых адаптивных секций.

Веб-приложения

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

Мобильное приложение

Соберите приложение для iPhone и Android, которое работает с тем же сервером.

Аккаунты и данные

Добавьте вход, хранение данных и внешние сервисы, когда они понадобятся продукту.

Что останется у вас

Исходный код, который можно развивать дальше

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

Без закрытого конструктора

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

Продолжить

ставить агенту новые задачи в том же проекте

Передать

исходный код разработчику без переноса из конструктора

Опубликовать

разместить сайт и сервер на хостинге, а мобильное приложение — в магазинах приложений

Частые вопросы

Что знать перед началом

Коротко о составе шаблона, работе с агентом и проверке результата.

Можно ли начать без опыта в программировании?

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

Как агент понимает, что менять?

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

Что можно собрать?

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

Какие технологии уже настроены?

Astro и Tailwind CSS для лендинга, React и Vite для веб-приложения, Expo и React Native для мобильного приложения, Hono, Prisma и PostgreSQL для сервера.

Как проверяются изменения агента?

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

Когда понадобится разработчик?

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