Ant Design X: открытый инструментарий Ant Group для создания AI-чатов 184

Ant Design X — это набор инструментов с открытым исходным кодом от Ant Group, позволяющий быстро создавать интерфейсы чата ai. С его помощью можно быстро собрать диалоговый интерфейс, похожий на ChatGPT. Ant Design X легко подключается к моделям ИИ — не нужно писать код с нуля, дизайн интерфейса уже готов, достаточно просто применить его. Поддерживается настройка стилей. Ant Design X используется в различных сценариях приложений, где требуется диалог с ИИ, таких как системы интеллектуальной поддержки клиентов, Ai-ассистенты, системы интеллектуальных вопросов и ответов и т. д. Благодаря богатому набору компонентов и шаблонов проектирования разработчики могут быстро создавать как красивые, так и интеллектуальные пользовательские интерфейсы.

Особенности Ant Design X:

• Лучшие практики корпоративных AI-продуктов: основаны на интерактивной парадигме RICH, обеспечивающей превосходный опыт взаимодействия с ИИ

• Гибкие и разнообразные атомарные компоненты: охватывают большинство сценариев диалога с ИИ, помогая быстро создавать персонализированные страницы взаимодействия с ИИ

• Готовая возможность интеграции с моделями: лёгкое подключение к сервисам логического вывода моделей, соответствующим стандарту OpenAI

• Эффективное управление потоками данных диалогов: удобные функции управления потоками данных для повышения эффективности разработки

• Богатая поддержка шаблонов: множество шаблонов для быстрого запуска разработки LUI-приложений

• Полное покрытие TypeScript: разработан с использованием TypeScript, обеспечивает полную поддержку типов, улучшая опыт и надёжность разработки

• Возможности глубокой настройки тем: поддержка детальной корректировки стилей для удовлетворения индивидуальных потребностей в различных сценариях

Установка и использование Ant Design X

• Чтобы установить Ant Design X, можно использовать команду npm: npm install @ant-design/x --save

• При использовании в браузере можно подключить его, добавив теги script и link, а затем использовать глобальную переменную antd.

Компоненты Ant Design X

Bubble: компонент пузырька сообщения, используемый в чате.

Conversations: управление диалогами — необходимо для работы с несколькими диалогами и просмотра списка истории диалогов.

Welcome: приветственный интерфейс — чётко информирует пользователя о диапазоне возможных намерений и ожидаемых функциях.

Prompts: набор подсказок — используется для отображения группы заранее определённых вопросов или предложений, связанных с текущим контекстом.

Sender: поле отправки — необходимо для создания поля ввода в сценарии диалога.

Attachment: вложения — используется в сценариях, где необходимо отобразить набор информации о вложениях.

Suggestion: быстрые команды — компонент для предоставления пользователю быстрых подсказок в сценарии диалога.

ThoughtChain: цепочка рассуждений — используется для отладки и отслеживания цепочки вызовов в сложных системах Agent.

Ant Design X — это передовая библиотека AI-компонентов, ориентированная на экосистему React, целью которой является упрощение процесса разработки интеграции с искусственным интеллектом. Наша библиотека UI-компонентов включает высоко настраиваемые компоненты ИИ, что позволяет разработчикам легко интегрировать диалоговый ИИ в свои приложения. Помимо богатого набора UI-компонентов, Ant Design X также предлагает комплексные решения для API, позволяющие разработчикам напрямую подключаться к существующим сервисам ИИ через аутентификацию по токенам, обеспечивая бесшовное взаимодействие и диалог с ИИ. Будь то создание интеллектуальных чат-приложений, улучшение пользовательского опыта или ускорение интеграции возможностей ИИ, Ant Design X — идеальный компаньон для React-разработчиков, входящих в мир ИИ.

Ant Design X на Github:https://github.com/ant-design/x

Демо Ant Design X:https://x.ant.design/docs/playground/independent-cn