VibeHub

Открытый community-driven хаб для AI-моделей, инструментов, бенчмарков и vibe coding.

Проект родился внутри комьюнити как эксперимент: сделать одно место, где можно находить полезные AI-инструменты, следить за моделями, сохранять находки и общаться — вместо того чтобы держать всё по Telegram-чатам, закладкам и разным сервисам.

Сейчас VibeHub находится на стадии прототипа. Интерфейс уже собран, но часть функций пока работает как заглушка.

Что планируется

• Модели — каталог AI-моделей с основной информацией, оценками и сравнением.
• Инструменты — skills, MCP, CLI, плагины, IDE и другие полезные штуки.
• Бенчмарки — результаты и сравнения моделей в одном месте.
• Чат — общение внутри комьюнити с возможностью упоминать модели и инструменты через @.
• Закладки — сохранение интересных моделей, инструментов и материалов.
• Коллекции — свои подборки AI-сервисов и полезных ссылок.
• Quick Access — быстрый доступ к сервисам, которыми пользуешься постоянно.

Идея проекта

VibeHub развивается самим vibe coding комьюнити.

Нашёл проблему?
Есть идея для функции?
Хочешь переделать неудобную часть интерфейса?

Форкай репозиторий, экспериментируй и отправляй Pull Request.

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

Как запустить

npm install
npm run dev       # разработка
npm run build     # typecheck + сборка
npm run lint      # eslint
npm run test      # vitest

Архитектура

• Стек: Vite 7 + React 19 + TypeScript, CSS-модули. Роутер — TanStack Router.
• Маршруты (src/router.tsx): /models, /models/:id, /tools, /tools/:id, /benchmarks, /bookmarks, /collections. Карточки моделей и инструментов имеют публичные URL — их можно шарить.
• Состояние (src/state/HubContext.tsx): единый контекст. Навигация (route, entityView) выведена из URL через хелперы в src/state/routing.ts, переключение — через роутер.
• Данные моделей (src/services/models/): живьё из OpenRouter API с кэшем (10 минут, sessionStorage). Абстракция ModelProvider позволяет добавить другие источники.
• Персистентность (src/services/collections/, src/services/saved.ts): закладки, коллекции и Quick Access хранятся в localStorage через repository-интерфейсы.
• Сообщества (src/services/posts.ts, src/features/share/): посты, комментарии, принятие ответа. Пока в памяти браузера — после подключения бэкенда переедет на сервер.

Важно про окружение

Переменные с префиксом VITE_ попадают в клиентский бандл. Никогда не указывайте API-ключи и другие секреты в .env или .env.example для VITE_*. См. .env.example.

Как внести вклад

1. Сделай Fork репозитория.
2. Создай отдельную ветку под изменение.
3. Внеси изменения.
4. Проверь, что проект запускается и ничего очевидно не сломано: npm run lint, npm run build, npm run test.
5. Отправь Pull Request с коротким описанием того, что изменил и зачем.

Изменения в main принимаются через Pull Request. Публикации (vite preview) проверяются в CI.

Статус

🚧 Prototype / Work in Progress

Сейчас главная задача — проверить саму концепцию и понять, какие функции действительно нужны комьюнити.

Поэтому идеи, критика интерфейса, Issues и Pull Requests особенно полезны.

Почему VibeHub?

Потому что VibeHub можно буквально vibe-кодить самим.

Комьюнити пользуется хабом → находит, чего не хватает → делает → отправляет PR → хаб развивается дальше.