À propos du projet
Ant Design Pro est un kit de démarrage basé sur React pour créer des interfaces d'administration d'entreprise. Le README le décrit comme une solution d'interface utilisateur clé en main pour les applications d'entreprise, distribuée sous forme de boilerplate plutôt que de bibliothèque.
Stack et conception
- Construit sur la spécification Ant Design 6, avec React 19, Umi Max 4 et utoopack dans la chaîne d'outils de développement.
- Écrit en TypeScript.
- Le thème est personnalisable via Tailwind CSS v4 avec antd-style.
- Mise en page responsive conçue pour des tailles d'écran variables.
- Prise en charge de l'internationalisation (i18n) intégrée.
- Biome est utilisé pour la vérification du code.
Modèles inclus
Le projet fournit un large ensemble de modèles de pages : Welcome ; Dashboard (Analysis, Monitor, Workplace) ; Form (Basic, Step, Advanced) ; List (Search, Table, Basic, Card) ; Profile (Basic, Advanced) ; Result (Success, Fail) ; Exception (403, 404, 500) ; Account (Center, Settings) ; une page AI Assistant ; et des pages User (Login, Register, Register Result). Les pages sont assemblées à partir de modèles de blocs.
Pour commencer
Clonez le dépôt, installez les dépendances avec npm install, puis exécutez npm start pour lancer le serveur de développement avec la version complète. npm run build produit une build de production. Une solution de développement mock est incluse pour travailler sans backend en direct.
Version simple
Comme tous les blocs sont inclus par défaut, le projet propose npm run simple pour réduire les répertoires de pages supplémentaires, les fichiers mock, les routes et les dépendances à une configuration minimale. Le README avertit que cette opération est irréversible et supprime définitivement des fichiers.
Assistant IA et compétences Claude Code
Le boilerplate inclut une page de chatbot IA propulsée par Ant Design X. Il fournit également deux compétences Claude Code dans .claude/skills/ : /pro-upgrade, qui compare le dernier modèle et fusionne les changements de framework tout en préservant le code métier, et /antd, qui interroge les API, props, tokens et démos des composants antd, vérifie les usages obsolètes et aide à la migration de version via @ant-design/cli. Les projets clonés depuis le dépôt contiennent déjà ces compétences ; elles peuvent être actualisées avec npx skills add ant-design/ant-design-pro.
Tests et support navigateur
Les tests unitaires et de bout en bout font partie du flux de travail. Les navigateurs pris en charge sont les navigateurs modernes : Edge, Firefox, Chrome et Safari, avec les deux dernières versions prises en charge pour les trois derniers.
Ressources du projet
Un aperçu en direct est disponible sur preview.pro.ant.design, la documentation dans docs/cheatsheet.en-US.md, les notes de version sur GitHub, et une section FAQ dans l'aide-mémoire. Le README indique v6 comme version majeure actuelle et fournit un lien vers son journal des modifications. Les contributions sont les bienvenues via les issues et les pull requests.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.