# Skopeo — Visual AI Collaboration

Skopeo is a visual collaboration layer for developers working with AI coding agents. It lets a developer point at the exact part of a running interface they want changed, annotate it visually, and hand that intent to the active coding workflow with the context needed to understand the request.

## What it does

- Inspect a running local web interface visually.
- Select the exact element or region that needs attention.
- Add written annotations and visual markup directly against the page.
- Attach reference images and UI component ideas to a request.
- Send visual context to the active AI coding workflow without manually describing every selector or screen position.
- Review agent observations and proposed visual changes before accepting them.
- Keep the developer in control of what becomes an actionable change.

## Why it exists

Text-only coding conversations are often weakest when the problem is visual. A request such as “change this card” becomes ambiguous when a page has many similar components. Skopeo turns the browser itself into the shared visual language between the developer and the coding agent.

```mermaid
graph LR
    Developer["Developer"] -->|Select + annotate| Preview["Live web preview"]
    Preview --> Context["Visual context"]
    Context --> Agent["AI coding workflow"]
    Agent --> Review["Review / verify"]
    Review --> Developer
```

## Experience

The product is designed around a simple loop: **see → point → explain → send → review**. The implementation details of that loop are intentionally not exposed here; this case study focuses on the product capability and developer experience rather than the internal bridge architecture.

## Demo

Watch the full product walkthrough at **video.doms.dev/skopeo**.