Sobre el proyecto
Ant Design Pro es un kit de inicio basado en React para construir interfaces de administración empresarial. El README lo describe como una solución de interfaz de usuario lista para usar para aplicaciones empresariales, distribuida como un boilerplate en lugar de una biblioteca.
Stack y diseño
- Construido sobre la especificación de Ant Design 6, con React 19, Umi Max 4 y utoopack en la cadena de herramientas de desarrollo.
- Escrito en TypeScript.
- El tema es personalizable mediante Tailwind CSS v4 junto con antd-style.
- Diseño adaptable pensado para tamaños de pantalla variables.
- El soporte de internacionalización (i18n) está integrado.
- Biome se utiliza para la revisión del código.
Plantillas incluidas
El proyecto incluye un amplio conjunto de plantillas de página: Bienvenida; Dashboard (Análisis, Monitor, Espacio de trabajo); Formulario (Básico, Paso, Avanzado); Lista (Búsqueda, Tabla, Básica, Tarjeta); Perfil (Básico, Avanzado); Resultado (Éxito, Fallo); Excepción (403, 404, 500); Cuenta (Centro, Configuración); una página de Asistente de IA; y páginas de Usuario (Iniciar sesión, Registro, Resultado de registro). Las páginas se ensamblan a partir de plantillas de bloques.
Cómo empezar
Clona el repositorio, instala las dependencias con npm install y ejecuta npm start para lanzar el servidor de desarrollo con la versión completa. npm run build genera una compilación de producción. Se incluye una solución de desarrollo mock para trabajar sin un backend en vivo.
Versión simple
Debido a que todos los bloques están incluidos por defecto, el proyecto ofrece npm run simple para eliminar directorios de página adicionales, archivos mock, rutas y dependencias hasta dejar una configuración mínima. El README advierte que esta operación es irreversible y elimina archivos permanentemente.
Asistente de IA y habilidades de Claude Code
El boilerplate incluye una página de chatbot de IA impulsada por Ant Design X. También incluye dos habilidades de Claude Code en .claude/skills/: /pro-upgrade, que compara la última plantilla y fusiona los cambios del framework preservando el código de negocio, y /antd, que consulta las API de componentes de antd, props, tokens y demos, detecta usos obsoletos y ayuda con la migración de versiones mediante @ant-design/cli. Los proyectos clonados del repositorio ya contienen estas habilidades; se pueden actualizar con npx skills add ant-design/ant-design-pro.
Pruebas y soporte de navegadores
Las pruebas unitarias y de extremo a extremo son parte del flujo de trabajo. Los navegadores compatibles son modernos: Edge, Firefox, Chrome y Safari, con soporte para las dos últimas versiones de los tres últimos.
Recursos del proyecto
Hay una vista previa en vivo disponible en preview.pro.ant.design, documentación en docs/cheatsheet.en-US.md, notas de versión en GitHub y una sección de preguntas frecuentes en la hoja de referencia. El README indica v6 como la versión principal actual y enlaza a su registro de cambios. Las contribuciones son bienvenidas a través de issues y pull requests.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.