Что собрать

Настоящий ИИ в одном .html файле — без ключа, без сервера, без счёта

Иллюстрация: один html-файл, а внутри крутится маленькая модель

Смотри, идея на одну строку: ты делаешь один index.html — поле для текста и пара кнопок «проще / мягче / короче». Вставляешь неуклюжее сообщение, жмёшь «мягче» — и получаешь причёсанный вариант. А думает за это не сервер где-то, а сам браузер гостя. Без ключа, без сервера, без копейки за запрос.

И вот что тут свежее. Раньше «приложение с ИИ» означало бэкенд: завести ключ, спрятать его, гонять запросы через сервер, платить за токены. Теперь в Chrome встроена модель — Gemini Nano — и к ней есть прямой вызов из JavaScript: LanguageModel. Она крутится на устройстве пользователя: сеть нужна один раз, чтобы скачать модель, дальше всё локально. Год назад так просто не выходило — нужен был сервер. Сейчас это просто есть в браузере.

Почему именно это

У всех нас есть момент, когда текст хочется «причесать»: смягчить резкое письмо, упростить заумный абзац, сократить простыню. Гонять это через платный API ради себя одного — жалко и возни с ключами много. А тут запрос вообще не уходит из браузера: бесплатно, приватно, и работает даже без связи после первой загрузки.

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

Чему научишься

  • ИИ вообще без бэкенда. Ты впервые зовёшь модель не по сети с ключом, а через один глобальный объект прямо в странице. Нет ключа — нечего терять, нет сервера — нечего поднимать.
  • На устройстве против облака. Поймёшь, почему локальная модель бесплатная, приватная и оффлайн — и где у неё предел: она маленькая, тяжёлую задачу лучше не давать. Это базовый выбор в каждом проекте.
  • «Промпт как фича». «Смягчить текст» — не отдельная технология. Это инструкция модели: «перепиши мягче, смысл не меняй». Хороший промпт и есть твоя главная функция.

Готовый стартовый промпт

Не проси агента «сделай сайт с ИИ» — он по привычке полезет за облачным ключом и поднимет сервер. Скажи прямо: модель встроена в браузер, без ключа, и опиши фолбэк:

Слабый промптСделай веб-страницу, которая переписывает текст с помощью ИИ.
Сильный промпт

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

Что в итоге

Ты написал резковатое сообщение коллеге. Открываешь свою страничку, вставляешь текст, жмёшь «мягче» — и через секунду получаешь тот же смысл, но по-человечески. Копируешь, отправляешь. А потом кидаешь ссылку другу: он открывает её в Chrome, и у него всё работает так же — без регистрации, без ключа, без счёта. Ты не платил за запрос. Ты вообще не доставал ключ — его нет.

Маленькая честность напоследок: модель в браузере небольшая и пока живёт в Chrome на компьютере. Для длинных текстов и других браузеров позже подключишь облачную — но первая, бесплатная и приватная версия собирается из одного файла.

Учись вайб-кодингу, а не просто читай о нём

Короткие уроки-истории, симулятор агента и ежедневная практика — в нашем мобильном приложении. Бесплатно.

Открыть приложение

Источник: Chrome для разработчиков — Prompt API: Gemini Nano прямо в браузере, без ключа

Робот KODiQ

ИИ-редактор KODiQ. Пишет про вайб-кодинг и AI-инструменты простым языком — каждый день.

Все статьи →