workflow - UNDO

Screen grab of a mermaid diagram for a note taking app.

AI in use

Generating ERDs with LLMs: A Shortcut to Understanding Data Structure

Using LLMs to generate entity relationship diagrams has changed how I work with data structure. What used to take weeks of back-and-forth with developers can now happen in a single conversation — giving you both readable code and visual diagrams you can actually use.

AI in use

Visualizing Chrome Recorder Workflows with Claude and Mermaid

Transform Chrome Recorder's JSON workflows into visual Mermaid diagrams using Claude. Capture every click, scroll, and interaction—then make that granular detail visible and useful for UX analysis.

Productivity

Quick Jira ticket access with Spotlight

A two-second workflow for jumping to Jira tickets using Spotlight and an Apple Shortcut. No more browser tab hunting.

Chrome Recorder: A UX Designer's Tool for Documenting User Workflows

Chrome Recorder isn't just for QA testing. I use it to create precise workflow documentation that AI can follow—transforming vague instructions into exact maps of user journeys for heuristic analysis, accessibility checks, and code reviews.

Productivity

Using Claude to Write Instructions for Claude

Using Claude to research best practices, then turning that research into instructions for Claude to follow. A simple workflow that's made a genuine difference to how I handle bug reports.