Communauté RSS DEV
Suivre
De l'invite au pratique : évolution du flux utilisateur de HandyFEM avec Claude.ai + Mermaid.live
L'auteur vise à créer une source unique de vérité pour la navigation et les parcours utilisateur de HandyFEM à l'aide de diagrammes. Les premières tentatives avec RapidChart ont échoué, ce qui a conduit à un passage à Mermaid pour des diagrammes reproductibles. Claude a été utilisé pour générer et affiner le diagramme Mermaid, en intégrant un contexte d'application complet. Le diagramme final est codé par couleur, représentant divers éléments de l'interface utilisateur tels que les écrans, les formulaires et les points de décision. L'auteur fournit un extrait de code Mermaid simplifié démontrant le flux, y compris le branchement basé sur les rôles. Le versionnement du diagramme dans Git est un avantage clé de cette approche utilisant du code basé sur du texte. L'auteur souligne l'importance de la formulation des prompts lors de l'utilisation de Claude, et de l'itération rôle par rôle. Le diagramme améliore la communication entre les concepteurs, les développeurs et les parties prenantes. Les prochaines étapes incluent la division du méga-diagramme en fichiers de fonctionnalités et la liaison des nœuds du diagramme aux ressources d'implémentation. L'auteur conclut que l'utilisation d'un LLM comme Claude avec Mermaid est utile pour cartographier des applications complexes.
