Одна задача трём нейросетям в 2026: собрать приложение без строчки кода

Собрать рабочее приложение без единой строчки кода реально, если держаться формата «одна страница, один файл». Пишешь подробное техзадание, нейросеть отдаёт готовый HTML-файл, ты сохраняешь его на диск и открываешь двойным кликом. Всё работает офлайн, данные лежат в браузере, ничего устанавливать не нужно.

Проверка простая: дать Claude, ChatGPT и Gemini одинаковое задание и посмотреть, кто как его понял. Мы взяли за основу эксперимент с канбан-доской, который провёл HowToGeek, разобрали задание на детали и превратили его в промпт, который можно повторить за вечер.

Коротко: пять слов из статьи

• Одностраничник (single-file app) - приложение целиком внутри одного HTML-файла: разметка, стили и логика вместе. Открывается двойным кликом.
• localStorage - встроенное хранилище браузера на несколько мегабайт. Туда приложение кладёт задачи, чтобы они не пропали после закрытия вкладки.
• Артефакт (Claude) и Canvas (ChatGPT, Gemini) - режим, в котором чат показывает результат отдельным окном рядом с диалогом и сразу его запускает.
• Вайб-кодинг - сборка софта на естественном языке: ты описываешь поведение, модель пишет код, ты правишь описанием, а не кодом.
• Drag and drop - перетаскивание карточки мышкой из колонки в колонку.

Почему для теста берут именно канбан-доску

Задача выбрана не случайно. Канбан-доска компактная по объёму кода, но требует от модели сразу четыре разные вещи: рисовать интерфейс, хранить состояние, обрабатывать перетаскивание и не потерять данные при перезагрузке. Если модель проседает хоть в одном пункте, это видно за тридцать секунд.

При этом результат нельзя подделать красивым описанием. Либо карточка перетаскивается, либо нет. Либо после F5 задачи на месте, либо доска пустая.

Задание, которое даём всем трём

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

Собери персональную канбан-доску как одно веб-приложение в ОДНОМ файле index.html.
 
Жёсткие ограничения:
- весь код (HTML, CSS, JavaScript) внутри одного файла, никаких отдельных .css и .js;
- никаких внешних библиотек, CDN, шрифтов и картинок по ссылке: файл должен работать полностью офлайн;
- открывается двойным кликом в обычном браузере, без сервера и без сборки.
 
Что должно быть:
1. Четыре колонки: Сделать, В работе, Проверка, Готово.
2. Задачу можно добавить, отредактировать и удалить.
3. Карточку можно перетаскивать мышью между колонками.
4. У задачи есть поля: название (обязательное), заметки, приоритет (низкий / средний / высокий), срок.
5. Все данные сохраняются в localStorage и остаются на месте после перезагрузки страницы.
6. В заголовке каждой колонки счётчик задач.
7. Современный адаптивный дизайн, нормально смотрится и на телефоне.
 
Отдай готовый файл целиком, без пояснений внутри кода о том, что я должен дописать сам.

Ключевая часть здесь последняя строка. Без неё модели любят оставить комментарий вида «здесь добавьте свою логику», и файл приезжает наполовину пустым.

Что получилось в оригинальном тесте

HowToGeek давал это задание Gemini, ChatGPT и Microsoft Copilot. Все три выдали рабочую доску, ни одна не провалила базовые требования. Разошлись они в деталях.

Вывод автора теста звучит так: выиграл тот, чьи добавки ощущаются как вторая версия продукта.

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

- HowToGeek, оригинал эксперимента

Куда добавляется Claude и что меняется

Оригинальный тест обходился без Claude, а для сборки одностраничников это как раз профильная задача. Артефакты Anthropic запустили именно под такой сценарий: модель отдаёт готовый файл и тут же показывает его в рабочем окне рядом с чатом.

Практическая разница в трёх вещах.

Результат видно сразу. Артефакт запускается прямо в чате, перетащить карточку и проверить сохранение можно, ничего не скачивая. У ChatGPT и Gemini для этого есть Canvas, но HTML там открывается предпросмотром не всегда стабильно, чаще приходится сохранять файл руками.

Правки идут словами. «Сделай колонки с отдельной прокруткой и добавь подтверждение на очистку доски» приводит к обновлённому артефакту без переписывания всего файла заново.

Длинный файл не рвётся. Канбан-доска целиком это 600-900 строк, и обрыв ответа на середине портит весь эксперимент. Если такое случилось, помогает фраза «продолжи ровно с того места, где остановился, без повторов».

Как повторить эксперимент по шагам

Про третий шаг стоит сказать отдельно. Файл сохраняй обычным текстовым редактором в UTF-8. «Блокнот» в Windows умеет это через выпадающий список при сохранении, на macOS подойдёт любой редактор кода. Если сохранить в кодировке по умолчанию, доска откроется с кракозябрами вместо русских слов, и модель тут будет ни при чём.

Чек-лист оценки: 12 пунктов вместо ощущений

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

1. Файл открылся двойным кликом, без сервера и без ошибок в консоли.
2. Интернет выключен, доска работает.
3. Задача добавляется, все четыре поля сохраняются.
4. Карточка перетаскивается во все три соседние колонки.
5. После F5 задачи на месте.
6. После полного закрытия браузера задачи на месте.
7. Задача редактируется, изменения не сбрасывают остальные поля.
8. Удаление задачи спрашивает подтверждение.
9. Счётчик в заголовке колонки меняется сразу при перетаскивании.
10. Приоритет виден глазом, без открытия карточки.
11. Двадцать задач в одной колонке не ломают вёрстку доски.
12. На телефоне колонки читаются, а не сжимаются в полоску.

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

Три доработки, которые стоит попросить после первого ответа

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

1. Добавь экспорт и импорт: кнопка «Скачать JSON» сохраняет все задачи в файл, кнопка «Загрузить JSON» подставляет их обратно с подтверждением перезаписи.
 
2. Сделай у каждой колонки собственную прокрутку с фиксированной высотой, чтобы доска не растягивалась вниз при большом числе задач.
 
3. Подсвечивай просроченные задачи: если срок раньше сегодняшней даты и задача не в колонке «Готово», выдели дату красным и добавь пометку «просрочено».

Экспорт в JSON стоит просить всегда. Это единственная страховка от потери данных: localStorage живёт внутри браузера и умирает вместе с очисткой истории.

Работа из России: доступ, VPN и деньги

Сам файл после генерации от страны не зависит вообще: это локальный HTML на твоём диске, он работает без интернета. Вопросы возникают только на этапе доступа к чатам.

Anthropic, OpenAI и Google не пускают российские IP-адреса. Для эксперимента нужен рабочий VPN с одной постоянной страной: скачки между локациями внутри одной сессии в Claude и ChatGPT ловятся как подозрительная активность и приводят к блокировке аккаунта.

Дальше про деньги. Разброс между тремя сервисами почти нулевой.

Рубли посчитаны по курсу ЦБ на 8 августа 2026 года, 82,17 ₽ за доллар. Это чистая конвертация. Оплатить из России напрямую нельзя ни один из трёх, нужна зарубежная карта или сервис оплаты подписок с комиссией 10-20 процентов, то есть по факту с карты уйдёт около 1800-2000 ₽ в месяц (реферальная ссылка: тебе тот же прайс, мне небольшой процент).

Пять ошибок, которые портят сравнение

Разные промпты. Дописал в ChatGPT «сделай красиво» и забыл дописать остальным. Сравнение сломано, результат ни о чём не говорит.

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

Ответы на уточняющие вопросы. Модель спрашивает про цвета и предпочтения, ты отвечаешь подробно и своими руками уравниваешь результаты. На любой вопрос отвечай «решай сам», это часть теста.

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

Тест на трёх задачах. Три карточки красиво выглядят у всех. Реальные различия вылезают на двадцати.

Что делать с победившим файлом дальше

Файл лежит на диске и работает, но у локального хранилища есть три ограничения, о которых лучше узнать заранее.

Данные привязаны к браузеру и к пути файла. Перенёс index.html в другую папку, и доска встретит тебя пустой: для браузера это другой адрес. Открыл в Safari то, что заполнял в Chrome, результат тот же.

Очистка данных сайтов стирает доску. Не история посещений, а именно галочка «файлы cookie и данные сайтов» в настройках очистки.

Синхронизации между устройствами нет и не будет. Ради неё придётся выкладывать приложение в интернет, а это уже другая история про хостинг и аккаунты. Если хочется доступа с телефона без плясок, проще собрать мини-приложение прямо в Telegram, там синхронизация решается сама.

Чем этот тест полезен, кроме доски

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

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

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

Что у тебя теперь есть

• Готовый промпт на канбан-доску в одном файле, одинаковый для всех трёх чатов.
• Понимание, почему в таком тесте выигрывают незаказанные мелочи, а не красивый вид.
• Чек-лист из 12 пунктов, который отделяет рабочее приложение от красивой картинки.
• Три доработки, вытягивающие черновик до ежедневного инструмента, включая экспорт в JSON.
• Расклад по доступу из России и цены трёх подписок в рублях по курсу августа 2026.
• Понимание границ localStorage: где данные живут и когда они пропадут.

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

По материалам эксперимента HowToGeek: https://www.howtogeek.com/gemini-chatgpt-copilot-build-offline-kanban-board/