claude ui

Клод UI

Современный интерфейс чата для моделей искусственного интеллекта Claude от Anthropic, созданный с помощью Nuxt.js. Наслаждайтесь беспрепятственным общением с Клодом в понятном пользовательском интерфейсе.

Предварительные условия

• Node.js (версия 18 или выше)
• нпм или пряжа
• Антропный API-ключ

? Функции

• ? Управление историей разговоров
• ? Поддержка нескольких моделей Claude
• Markdown и подсветка синтаксиса кода
• ? Переключение темного/светлого режима
• ? Персонализируйте поведение, используя системные подсказки для каждого чата
• Ограничить выходные токены для каждого чата
• Индивидуальная температура (случайность) для каждого чата
• ?? Оперативное кэширование вложений
• ? Извлечение и синтаксический анализ текста

Технический стек

• Построен на Nuxt 3
• ? Интеграция базы данных с Drizzle ORM
• ? Компоненты пользовательского интерфейса из @nuxt/ui
• ? Интеграция ИИ с @anthropic-ai/sdk
• Возможности извлечения текста с помощью @nosferatu500/texttract
• Поддержка Markdown с помощью Markdown-it
• Подсветка кода с помощью Highlight.js

Настраивать

Обязательно установите зависимости:

 # npm
npm install

# pnpm
pnpm install

# yarn
yarn install

ЕНВ

Создайте файл .env в корневом каталоге и добавьте свой ключ API ANTHROPIC_KEY .

Сервер разработки

Запустите сервер разработки по адресу http://localhost:3000:

 # npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

Производство

Создайте приложение для производства:

 # npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

База данных

Приложение использует базу данных SQLite для хранения данных потоков и сообщений.

Управление базой данных

В этом проекте для управления базой данных используется Drizzle ORM. Доступные команды:

 # Generate database schema
npm run db:generate

# Migrate database schema
npm run db:migrate

Тодо

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