ИИ

Разработка AI-чатбота с помощью Claude Code: результат за 4 часа и открытый код.

Краткое резюме

С помощью инструмента Claude Code CLI за 4 часа разработали AI-чатбота для платформы. Чатбот отвечает на вопросы пользователей, при необходимости привлекает человека и автоматически регистрирует ошибки. Код чатбота опубликован в открытом доступе.

Для нашей платформы мы заказали разработку AI-чатбота с помощью инструмента Claude Code CLI. Через четыре часа мы получили готовое решение, включающее контекстно-зависимый виджет, базу знаний в формате Markdown, возможность эскалации в Telegram и автоматический сбор ошибок. Разработанный чатбот уже функционирует в рабочей среде, и его код опубликован в открытом доступе. **GitHub:** github.com/gmen1057/ai-chat-widget **Лицензия:** MIT **Причины создания чатбота** На наших платформах пользователи часто задают одни и те же вопросы о работе сервиса, его стоимости, проблемах с получением писем и отмене подписки. Традиционные методы решения этой проблемы, такие как найм службы поддержки или создание обширного FAQ, имеют свои недостатки: поддержка обходится дорого, а FAQ пользователи редко читают. Поэтому мы решили создать AI-консультанта. **Требования к чатботу:** * отвечать на вопросы о платформе; * определять страницу, на которой находится пользователь; * при необходимости привлекать человека; * автоматически регистрировать ошибки, когда пользователь жалуется; * встраиваться одной строкой кода; * быть полностью изолированным от основного проекта. **Почему был выбран Claude Code** Ранее мы уже использовали Claude Code для других компонентов проекта и оценили его преимущества, такие как быстрая итерация, понимание контекста и способность поддерживать архитектуру. Новая версия opus 4.5 продемонстрировала ещё более высокую эффективность. **Разработка чатбота** Для создания чатбота мы описали требования, после чего Claude Code сгенерировал архитектуру. Мы внесли коррективы, после чего инструмент написал код. Затем мы провели тестирование и исправили выявленные ошибки. Всего процесс занял четыре итерации и четыре часа. **Архитектура чатбота** Архитектура чатбота включает три слоя: 1. Виджет, написанный на чистом JavaScript, который встраивается одним тегом без дополнительных зависимостей. 2. Backend на FastAPI, который обрабатывает сообщения, хранит историю и вызывает Claude API. 3. Интеграции с Telegram для эскалации и уведомлений о багах. **Ключевые технические решения** Чатбот работает без необходимости настройки базы данных. По умолчанию история чатов хранится в JSON-файлах. Если проект вырастет, можно легко переключить хранение данных на SQLite или PostgreSQL, изменив одну переменную. Виджет не привязан к конкретной модели AI. Поддерживаются различные AI-провайдеры, включая OpenAI, Claude, Gemini, GigaChat, YandexGPT, DeepSeek, Qwen, Ollama и любые API, совместимые с OpenAI. Переключение между провайдерами осуществляется изменением трёх строк в конфигурации.

Фильтры и сортировка