Designing with AI

AI-powered stress-testing tool

WHAT I BUILT

I built an AI-powered tool using Claude that visualizes translations in real UI components, allowing Product Designers, Content Designers, and Language Managers to globalize the design.

HOW IT HELPED

  • Surfaced layout constraints early by visualizing overflow limits

  • Enabled faster collaboration through in-context editing

  • Prevented localization breakages with live UI previews of real translations

Translation editor (click to expand)


AI-powered title generator

WHAT I BUILT

I created an activity title generator in a markdown file by encoding product logic, naming rules, and style guide constraints.

HOW IT HELPED

Enabled teams to generate consistent transaction activity titles and content keys for the CMS at scale while maintaining alignment with established naming conventions.

Stress-test preview (click to expand)

Input (Click to expand)

Output (Click to expand)