Добавить в корзинуПозвонить
Найти в Дзене
Vibecode Wiki
120 подписчиков

GitHub-репозитории для веб-разработки с ИИ

1 мин
Для веб-проекта с ИИ полезно держать под рукой четыре класса инструментов: AI SDK для общения с моделями, Playwright для проверки интерфейса, Supabase для данных и авторизации, Stagehand для браузерной автоматизации через естественный язык. Эта подборка не заменяет стек проекта. Она помогает понять, какие репозитории стоит открыть, когда сайт перестает быть просто страницей и становится рабочим продуктом. vercel/ai Vercel AI SDK нужен, когда в веб-приложении появляются чат, streaming-ответы, генерация текста или AI-функции внутри интерфейса. Где применять: Это хороший выбор для Next.js и других современных frontend-стеков. microsoft/playwright Playwright нужен не только тестировщикам. В вайбкодинге он особенно полезен, потому что ИИ часто «думает», что интерфейс работает, пока браузер не покажет обратное. Где применять: Минимальное правило: важная страница должна хотя бы открываться в браузерном тесте. supabase/supabase Supabase закрывает базу данных, авторизацию, storage и realtime-сц
Оглавление

Короткий ответ

Для веб-проекта с ИИ полезно держать под рукой четыре класса инструментов: AI SDK для общения с моделями, Playwright для проверки интерфейса, Supabase для данных и авторизации, Stagehand для браузерной автоматизации через естественный язык.

Эта подборка не заменяет стек проекта. Она помогает понять, какие репозитории стоит открыть, когда сайт перестает быть просто страницей и становится рабочим продуктом.

Vercel AI SDK

vercel/ai

Vercel AI SDK нужен, когда в веб-приложении появляются чат, streaming-ответы, генерация текста или AI-функции внутри интерфейса.

Где применять:

  • AI-чат на сайте;
  • генерация контента;
  • потоковые ответы;
  • интеграция нескольких моделей через единый слой.

Это хороший выбор для Next.js и других современных frontend-стеков.

Playwright

microsoft/playwright

Playwright нужен не только тестировщикам. В вайбкодинге он особенно полезен, потому что ИИ часто «думает», что интерфейс работает, пока браузер не покажет обратное.

Где применять:

  • проверка форм;
  • скриншоты после правок;
  • smoke-тесты перед деплоем;
  • поиск поломанных сценариев в UI.

Минимальное правило: важная страница должна хотя бы открываться в браузерном тесте.

Supabase

supabase/supabase

Supabase закрывает базу данных, авторизацию, storage и realtime-сценарии. Для небольшого проекта это часто быстрее, чем собирать backend с нуля.

Где применять:

  • личные кабинеты;
  • подписки и профили;
  • хранение заявок;
  • realtime-обновления;
  • быстрый старт с Postgres.

Главное - не забывать про права доступа и RLS. База без правил доступа быстро становится проблемой.

Stagehand

browserbase/stagehand

Stagehand полезен для браузерной автоматизации с AI-подходом: открыть страницу, найти элемент, выполнить действие и проверить результат.

Где применять:

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

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

Что выбрать первым

  1. Нужно добавить AI-функцию в сайт - Vercel AI SDK.
  2. Нужно проверить, что интерфейс не сломан - Playwright.
  3. Нужны пользователи и данные - Supabase.
  4. Нужен агент, который работает в браузере - Stagehand.

Что читать дальше