AI на клиенте · transformers-js

Transformers.js

AI-модели Hugging Face прямо в браузере — без бэкенда

Tier 3ТяжелоОсторожно на мобилеfree (Apache 2.0)JS / WebAssembly / WebGPU (Hugging Face)

Design DNA

«Нейросеть работает на устройстве клиента. Никаких API-ключей в рантайме инференса, меньше сетевых задержек, приватность данных на устройстве.»

Use with AI

Скопируй промпт и отдай агенту. Он реализует решение в твоём стеке — не копирует чужой код.

Подключи Transformers.js для одной узкой задачи (например классификация или sentiment) на клиенте.
Модель small, lazy-load после действия пользователя, Web Worker если тяжело.
Покажи прогресс загрузки. Mobile: предупреждение + fallback без модели.
Не обещай качество Midjourney. Не клади секреты API — инференс локальный.

Что умеет

·Классификация изображений, NLP, speech — в браузере
·Удаление фона / small vision-модели
·Инференс через WASM / WebGPU

Чего не умеет

·Не замена Midjourney / тяжёлых генеративных моделей
·Только оптимизированные small-модели

Когда брать

·Приватная обработка на клиенте (тональность, локальный анализ)
·Интерактив с камерой без отправки видео на сервер

Когда не брать

·Нужен мощный cloud LLM / image gen → API
·Простой UI без ML → не тащи

С чем сочетается

ml5.jsMediaPipeWeb Workers

Альтернативы

ml5.jsMediaPipeсерверный API

Типичные ошибки

·Грузить модель всем гостям без opt-in
·Блокировать main thread без Worker
·Не проверил производительность на iPhone SE. WebGL и AI-модели могут убить батарею или вызвать краш. Всегда делай фоллбэк на статику через matchMedia или детект мощности устройства.

Демо и ссылки

huggingface.co/docs/transformers.js