Skip to content
chrome extension2026

VeoRunner

VeoRunner automates multi-image prompt workflows in Google Flow by managing queues, sequential submission, retries, recovery, and result handling. Users repeat image uploads and prompts manually, lose progress after UI errors, and need a reliable queue that never duplicates or skips work. The case study demonstrates how a browser extension can remain compact while making complex automation behavior understandable and recoverable.

Chrome extensionbrowser automationGoogle Flowqueue automationAI workflowManifest V3
VeoRunner cover
Client

Self-initiated browser automation extension

Year

2026

Role

Product Designer, Extension Developer, Automation UX Designer

Duration

7 weeks

Project Gallery

Images and videos

1 / 5

VeoRunner gallery item 1
rich text

Product Context

VeoRunner automates multi-image prompt workflows in Google Flow by managing queues, sequential submission, retries, recovery, and result handling.

Product Context media
callout

The User Problem

feature list

Objectives

The extension experience was shaped around clear workflow control, browser permissions, and recoverable states.

  • Create a fast popup and full side-panel experience
  • Design predictable queue and progress behavior
  • Support pause, resume, retry, and crash recovery
  • Explain permissions and website access clearly
  • Create polished onboarding and Web Store presentation
process steps

Core Workflow

Automate the queue. Keep the flow moving.

Core Workflow media
  • Single prompt with multiple images
  • Queue ordering
  • Pause and resume
  • Retry and recovery
  • Duplicate prevention
  • Progress tracking
  • Settings
  • Notifications
  • Chrome profile sign-in
rich text

Visual System

Premium dark productivity UI with navy surfaces, electric blue and violet highlights, mint success states, clear status chips, compact information density, and strong accessibility.

Visual System media
#0A0E16
#151B28
#3366FF
#7857FF
#57E0B5
#F4F7FB
technology stack

Browser Integration

The interface explains supported pages, permissions, active-tab status, automation progress, and recovery actions without blocking normal browsing.

Browser Integration media
  • TypeScript
  • Chrome Manifest V3
  • React
  • IndexedDB
  • Chrome APIs
image grid

Final Extension Gallery

The gallery follows the supplied extension brief, UI hierarchy, and exact image manifest.

Final Extension Gallery media
Final Extension Gallery media
Final Extension Gallery media
Final Extension Gallery media
Final Extension Gallery media
01 - Extension Concept and UI Cover
02 - Core Automation Workflow
03 - Queue, Settings, and Recovery
04 - Onboarding and Browser States
05 - Final Extension Ecosystem
callout

Portfolio Disclosure

Related

More work from nearby categories.