Skill UI

Transforms natural-language prompts into Excalidraw JSON diagrams, supporting flowcharts, relationships, mind maps, architecture, DFD, swimlane, class, sequence, and ER views; ideal when users ask to visualize processes or system structures and need editable Excalidraw files.

Generates Excalidraw diagrams from natural language prompts, covering flowcharts, relationship maps, mind maps, architecture, data flow, swimlane, class, sequence, and ER diagrams for communicating processes and systems.

This skill assists in designing comprehensive, user-centric flow maps and navigation architectures. It adheres to established UX principles, such as Progressive Disclosure, Miller's Law, and Hick's Law, ensuring optimal user journeys. Use it to map out the structural connections, screen inventory, and edge case handling for a product feature, creating a scaffolded blueprint before visual implementation.

This skill provides a comprehensive blueprint for designing digital products within Figma. It systematically maps out entire user journeys, including happy paths, loading states, error conditions, empty states, and edge cases. By defining the complete flow and suggested file structure beforehand, it prevents scope creep and ensures designers account for every necessary screen variant before starting the actual design work.