Сообщество RSS DEV
Подписаться
От подсказки к практике: развитие пользовательского потока HandyFEM с помощью Claude.ai + Mermaid.live
Автор стремится создать единый источник истины для навигации и пользовательских путей HandyFEM, используя диаграммы. Первоначальные попытки с RapidChart не увенчались успехом, что привело к переходу на Mermaid для воспроизводимых диаграмм. Claude использовался для генерации и уточнения диаграммы Mermaid, включающей полный контекст приложения. Окончательная диаграмма имеет цветовую кодировку, представляющую различные элементы пользовательского интерфейса, такие как экраны, формы и точки принятия решений. Автор предоставляет упрощенный фрагмент кода Mermaid, демонстрирующий поток, включая ветвление на основе ролей. Версионирование диаграммы в Git является ключевым преимуществом этого подхода, использующего текстовый код. Автор подчеркивает важность формирования запросов при работе с Claude и итерации по ролям. Диаграмма улучшает коммуникацию между дизайнерами, разработчиками и заинтересованными сторонами. Будущие шаги включают разделение мега-диаграммы на файлы функций и привязку узлов диаграммы к ресурсам реализации. Автор заключает, что использование LLM, такого как Claude, с Mermaid полезно для отображения сложных приложений.
