Design System UI

Create production-grade frontend UI that feels native to the product and sharper than a default implementation.

For multi-step work, start with a short user-visible update that names the product context you are inspecting first.

Goal

Use the existing product as the creative material. The result should feel native to the app, visually intentional, consistent with usable components and tokens, and improved through hierarchy, composition, interaction quality, and polish.

Success Criteria

• The UI works as real code in the requested or existing stack.
• Existing components, tokens, typography, layout conventions, icon sets, and accessibility patterns are reused when they fit.
• The design has a clear product-aware direction instead of generic SaaS defaults.
• Relevant states are handled: loading, empty, error, disabled, selected, focused, hovered, active, success, destructive, long content, and small screens.
• Responsive behavior is checked for common viewport sizes.
• Validation is run when available; if visual quality matters, render or screenshot before finalizing.