Sobre el proyecto
AI DIAL UI Kit es una biblioteca de componentes React lista para producción desarrollada por EPAM Systems, diseñada para optimizar el desarrollo de interfaces de AI DIAL. Construida con las últimas versiones de React (19+), TypeScript (5.0+), Vite y Tailwind CSS, proporciona una colección de componentes base que incluyen botones, entradas, menús desplegables y más, permitiendo a los desarrolladores reutilizar elementos rápidamente y mantener la coherencia de diseño en las aplicaciones AI DIAL.
Características principales:
- **Experiencia de usuario unificada**: Garantiza la coherencia de diseño en las aplicaciones AI DIAL.
- **Temas altamente personalizables**: Capacidades profundas de tematización mediante propiedades personalizadas de CSS, con capas de fondo, colores de texto y radios de esquina configurables.
- **Accesibilidad**: Soporte integral de accesibilidad, incluido el cumplimiento del tamaño objetivo WCAG 2.5.5 (nivel AAA), con excepciones documentadas para controles donde objetivos más grandes causarían conflictos de diseño.
- **Documentación con Storybook**: Documentación interactiva de componentes y entorno de desarrollo con pruebas visuales, herramientas de pruebas de accesibilidad y pruebas de diseño responsivo.
- **Bien probado**: Cobertura integral de pruebas (más del 70%) con Vitest y React Testing Library.
- **Experiencia del desarrollador**: Aprovecha ESLint, Prettier y Husky para mantener una calidad de código sostenible.
- **Listo para distribuir**: Publicado como paquete NPM (@epam/ai-dial-ui-kit) listo para una fácil integración.
- **Soporte de Tree Shaking**: Importa solo los componentes que necesitas para reducir el tamaño del paquete.
- **Integración con Next.js**: Integración perfecta con aplicaciones Next.js.
- **Servidor MCP para agentes de IA**: Servidor integrado de Model Context Protocol que permite a los agentes de IA descubrir componentes, tipos, hooks y utilidades mediante programación, lo que permite a los asistentes de IA generar código de componentes preciso y seguro en cuanto a tipos.
La biblioteca admite controles de tamaño estándar y pequeño con radios de esquina configurables mediante propiedades personalizadas de CSS. Incluye componentes opcionales de editor Markdown que requieren importaciones CSS adicionales. La estructura del proyecto sigue una organización limpia con directorios de componentes, estilos y tipos.
Los requisitos previos incluyen Node.js >= 22.2.0 y npm >= 10.7.0. El proyecto está licenciado bajo Apache 2.0 y forma parte del ecosistema AI DIAL más amplio; el proyecto principal AI-DIAL sirve como punto de entrada para todos los proyectos de AI DIAL.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.