CODING AGENT

DESIGN LAYER

AGENTIC

SHOPPING

Overview

In 2026, I designed a visual feedback tool for coding agents in collaboration with Anthropic engineer Kyle Zhang. It has since been published on npm and used by other engineers at Anthropic & Salesforce.

In 2026, I designed a visual feedback tool for coding agents in collaboration with Anthropic engineer Kyle Zhang. It has since been published on npm and used by other engineers at Anthropic & Salesforce.

My contribution to this project spread across design & development. I honed the interaction pattern and frontend architecture, while Kyle handled the MCP and backend.

As the design owner, I was responsible for leading strategy, user research, and product design to solve this challenge.

Problem & Solution

Glyph turns localhost into an interactable canvas so that design engineers can label UI changes for their AI coding agent.

Glyph turns localhost into an interactable canvas so that design engineers can label UI changes for their AI coding agent.

1.0

Current state of AI-assisted frontend development

IMAGE

1.1

No more guessing!

IMAGE

Gallery

Design Highlights

Design Highlights

1.1

Prompt Modal — Raw Component

IMAGE

1.2

Live shot — Glyph in context

IMAGE

1.3

Generate Variations Feature

IMAGE

1.4

Design inception! We actually used our own tool to design & develop our landing.

IMAGE

More work

Next Project →

Next Project →

Crafted with care.

© 2021—2026