Scroll000%

Agent Ops Console

A console and design system for teams who build, monitor and improve AI agents in production.

Role

Senior Product Designer

Timeline

Ongoing

Team

Platform design + engineering

Platform

Web App

Sector

SaaS

Agent Ops Console — cover

(01)

Problem

Teams shipping AI agents had no shared view of what their agents were doing. Runs, failures and costs lived in logs, and every new feature reinvented its own components.

(02)

Approach

A system for agent states

We defined patterns for agent runs, tool calls, approvals and errors, then built them once as tokens and components.

Observe, then act

The console leads with what needs attention, then lets teams drill into a single run and fix it in place.

Agent Ops Console — wide mockup
Agent Ops Console — wide mockup
Agent Ops Console — mockup
Agent Ops Console — mockup
Agent Ops Console — mockup
Agent Ops Console — mockup
Agent Ops Console — gallery
Agent Ops Console — gallery
Agent Ops Console — gallery
Agent Ops Console — gallery

(03)

Results

120+

System components

−45%

Design-to-dev time

1

Shared source of truth

Product squads now ship agent features on one system, and the console is the daily home for every agent team.

Create a free website with Framer, the website builder loved by startups, designers and agencies.