Chat Nextjs Mcp Client
чат-интерфейс для AI с подключением к локальным и удалённым серверам для вызова инструментов вроде Gmail и Slack.
Описание
Это демо-приложение на Next.js создаёт чат-интерфейс для AI-моделей, поддерживающий подключение к локальным и удалённым серверам по протоколу Model Context Protocol. Использует Composio для интеграций (Gmail, Linear, Slack), Tailwind CSS и Shadcn UI для стилизации. Подходит для демонстрации tool-calling в чатботах, автоматизации задач вроде отправки email или создания issues. Не для продакшена, но показывает интеграцию AI с реальными сервисами.
Возможности
Чат-интерфейс с AI
Интерактивный чат, питаемый моделями ИИ для общения и выполнения задач.
Поддержка серверов
Подключение к локальным и удалённым серверам для доступа к инструментам.
Tool-calling
Вызов инструментов для интеграций вроде Gmail, Linear и Slack.
Стилизация
Использование Tailwind CSS и Shadcn UI для современного интерфейса.
Архитектура Next.js
Построено на App Router с TypeScript для быстрой разработки.
Установка
Клонируйте репозиторий: git clone https://github.com/your-username/chat-nextjs-mcp-client.git && cd chat-nextjs-mcp-client
Установите зависимости: npm install
Создайте .env с ключами: COMPOSIO_API_KEY=<ваш_ключ> и OPENAI_API_KEY=sk-<ваш_ключ_openai>
Для удалённых серверов установите Composio CLI: sudo npm install -g composio-core, composio login, composio add gmail (и другие), composio integrations.
Для локальных серверов следуйте инструкциям в блоге.
Запустите: npm run dev. Откройте http://localhost:3000.