Skip to content
chrome extension2026

MetaQueue AI

MetaQueue AI sends selected images one by one with a shared prompt through Meta AI while preserving queue state and adapting to interface changes. The extension must use the correct bottom input upload flow, detect UI changes, prevent duplicate submissions, and recover safely when the site reloads. The case study demonstrates how a browser extension can remain compact while making complex automation behavior understandable and recoverable.

Chrome extensionMeta AIsequential automationbrowser workflowqueue recoveryManifest V3
MetaQueue AI cover
Client

Self-initiated Meta AI automation extension

Year

2026

Role

Product Designer, Browser Automation Developer, UX Designer

Duration

6 weeks

Project Gallery

Images and videos

1 / 5

MetaQueue AI gallery item 1
rich text

Product Context

MetaQueue AI sends selected images one by one with a shared prompt through Meta AI while preserving queue state and adapting to interface changes.

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 clear image selection and queue management
  • Design reliable sequential automation states
  • Handle interface changes and missing elements
  • Support pause, resume, retry, and recovery
  • Build an understandable onboarding flow
process steps

Core Workflow

One prompt. Every image. In order.

Core Workflow media
  • Multi-image selection
  • Shared prompt
  • Sequential send
  • Bottom-input upload detection
  • Queue state
  • Pause and resume
  • Element recovery
  • Error reporting
  • Run history
rich text

Visual System

Modern dark browser utility UI with warm magenta and blue accents, clear thumbnails, task states, action hierarchy, and compact but friendly panels.

Visual System media
#0E1018
#1A1F2C
#4C6FFF
#E45FA8
#62D9C3
#F6F7FB
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
  • 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 - Sequential Automation Workflow
03 - Queue and Recovery System
04 - Onboarding and Integration States
05 - Final Extension Ecosystem
callout

Portfolio Disclosure

Related

More work from nearby categories.