这个项目能做什么

AI DIAL UI Kit 是由 EPAM Systems 开发的生产级 React 组件库，旨在简化 AI DIAL 界面的开发。它基于最新的 React（19+）、TypeScript（5.0+）、Vite 和 Tailwind CSS 构建，提供包括按钮（Buttons）、输入框（Inputs）、下拉菜单（Dropdowns）等在内的一系列基础组件，使开发者能够快速复用元素，并在各类 AI DIAL 应用中保持设计一致性。 主要特性包括： - **统一的用户体验**：确保各 AI DIAL 应用之间的设计一致性 - **高度可定制的主题**：通过 CSS 自定义属性实现深度主题定制，可配置背景层、文本颜色和圆角半径 - **无障碍支持**：全面的无障碍支持，包括符合 WCAG 2.5.5（AAA 级）目标尺寸要求，并对因更大目标区域会导致布局冲突的控件记录了例外情况 - **Storybook 文档**：交互式组件文档与开发演练场，配备视觉测试、无障碍测试工具以及响应式设计测试 - **完善的测试**：使用 Vitest 和 React Testing Library 实现全面测试覆盖（70% 以上） - **开发者体验**：借助 ESLint、Prettier 和 Husky 保持可维护的代码质量 - **开箱即用的分发**：以 NPM 包（@epam/ai-dial-ui-kit）形式发布，便于轻松集成 - **Tree Shaking 支持**：仅导入所需组件以减小打包体积 - **Next.js 集成**：与 Next.js 应用无缝集成 - **AI 代理 MCP 服务器**：内置模型上下文协议（Model Context Protocol）服务器，使 AI 代理能够以编程方式发现组件、类型、钩子（hooks）和实用工具，从而让 AI 助手生成准确且类型安全的组件代码 该库支持标准尺寸和小尺寸控件，并可通过 CSS 自定义属性配置圆角半径。它还包含可选的 Markdown 编辑器组件，使用时需要额外导入 CSS。项目结构清晰，包含组件（components）、样式（styles）和类型（types）目录。 环境要求包括 Node.js >= 22.2.0 和 npm >= 10.7.0。该项目采用 Apache 2.0 许可证，是更广泛的 AI DIAL 生态系统的一部分，主 AI-DIAL 项目是所有 AI DIAL 项目的入口。