design-ux-expert

To generate a dark mode web mockup, request a dashboard wireframe and the output applies strict dark-mode-safe design system constraints for accessible, production-ready HTML. It selects the correct visualization modules to render typography, color semantics, and interactive widgets.

The best way to visualize user flows is using SVG diagrams for spatial explanations. This approach selects SVG output specifically for architectural and process diagramming, ensuring clear interactive explanations over static HTML layouts.

You can create interactive widgets and chart visualizations by requesting data-driven UI components. It renders chart-based visuals for real data and interactive widgets for controls and state, outputting streaming-ready widget code directly.

This UX design approach fully supports accessible HTML and SVG outputs by applying strict guardrails for dark mode compatibility, typography, and color semantics. It fulfills Claude Design requirements to ensure all visual output meets accessibility standards.

Use an HTML mockup for UI screens and elicitation forms, versus an SVG diagram for spatial explanations like user flows. Right tool selection ensures you get production-quality visual output tailored to the specific visualization need.

You do not need any external libraries or dependencies to render these web mockups. It generates self-contained, streaming-ready widget code using SVG and HTML outputs directly, without requiring additional environment setup.