Getting a billboard campaign from zero to live takes weeks of back-and-forth with media agencies, creative studios, and location vendors — and none of it is connected. You brief an agency. They find locations. You brief a studio. They make the creative. You send it to the vendor. Someone eyeballs the sightline on Google Maps. You pray it works.
$9.46B flows through this market every year on vibes and gut feel. There is no simulation. No pre-flight. No feedback loop between where the ad goes and what it looks like.
Sightline is a fully agentic, end-to-end OOH advertising pipeline. Give it your company URL. It handles everything else.
┌─────────────────────────────────────────────────────────────────────┐
│ │
│ YOUR URL │
│ │ │
│ ▼ │
│ ① DISCOVER ── Claude reads your website, extracts brand identity, │
│ tone, colors, audience, and value proposition │
│ │ │
│ ▼ │
│ ② CREATE ─── AI generates billboard-ready creatives on the spot: │
│ copy, layout, visuals — matched to your brand DNA │
│ │ │
│ ▼ │
│ ③ FIND ───── Searches global OOH inventory across formats │
│ (billboards, transit, digital, wallscapes) │
│ │ │
│ ▼ │
│ ④ SCORE ──── Claude ranks every placement by audience fit, │
│ foot traffic, sightline quality, and brand alignment │
│ │ │
│ ▼ │
│ ⑤ SIMULATE ─ Low-poly pedestrians and drivers move through a │
│ live 3D city — you watch real sightlines in motion │
│ │ │
│ ▼ │
│ ⑥ ACTIVATE ─ Export a ready-to-execute media brief: placement │
│ specs, creative files, scoring rationale, next steps │
│ │
└─────────────────────────────────────────────────────────────────────┘
What used to take a media agency two weeks now takes two minutes.
Input: https://yourcompany.com
Claude scrapes and reads your site, then extracts:
→ brand_name, industry, value_proposition
→ tone: ["bold", "minimal", "premium"]
→ primary_colors: ["#1a1a2e", "#e94560"]
→ target_audience: "urban professionals 25–40"
→ key_messages: ["faster", "smarter", "built for you"]
No brief to fill out. No questionnaire. Just a URL.
Claude generates billboard-ready creative using your brand DNA:
→ Headline copy (≤7 words — the OOH rule)
→ Visual direction and layout spec
→ Color palette pulled from your actual brand
→ AI-generated imagery matched to your audience and tone
→ Multiple variants for A/B testing
Your creative is ready before you've even picked a location.
Managed Agents search across OOH inventory worldwide:
→ 5K–25K listings per market via spatial bounding-box queries
→ Filters: format (billboard, transit, digital, wallscape, poster)
price range, reach, visibility score
→ Returns: [id, lng, lat, format, price, reach, visibility]
For each candidate placement, Claude evaluates:
PLACEMENT CREATIVE-IN-CONTEXT
───────────────────────── ────────────────────────────────
Visibility score Attention likelihood at this spot
Obstruction risk Readability at approach distance
Approach path coverage Contrast vs. surrounding environment
Dwell time estimate CTA clarity for this audience
Audience demographic fit Logo visibility at sightline angle
Brand environment match Copy length for this format + speed
The key distinction: Claude scores your specific creative at your specific placement — not generic advice, but an analysis of this image, in this location, for this audience.
A live 3D city rendered in WebGL from real OpenStreetMap data. Skeletal low-poly pedestrians and vehicles move through the scene on real street geometries. You watch your billboard get encountered — from every approach angle, at walking pace, at driving speed, through obstructions.
The OOH Performance Cockpit synthesizes it all:
PLACEMENT METRICS CREATIVE METRICS
───────────────── ────────────────
Visibility 85 ████▓ Clutter 91 █████
Obstruction risk 8 █░░░░ Readability 88 ████▓
Approach coverage 78 ████░ Contrast 82 ████░
Physical viewability 78 ████░ Copy length 75 ████░
Dwell time 70 ███▓░ CTA clarity 72 ████░
QR scan feasibility 45 ██▓░░
COMPOSITE SCORE: 86 / 100
Export a complete media brief:
- Winning placement with full specs (coordinates, format, dimensions, vendor)
- Final creative files with revision notes
- Scoring rationale for every decision
- Suggested campaign timeline and budget allocation
- Next-step action items
Sightline uses Claude across every stage of the pipeline — not as a single chatbot call, but as the connective tissue between six distinct systems.
| Stage | Claude Usage |
|---|---|
| Discover | Web reading + structured brand extraction |
| Create | Multimodal creative generation with brand constraints |
| Score | Vision-in-context placement + creative analysis |
| Plan | Managed Agents orchestrating multi-step inventory search |
| Simulate | Natural language rationale generation per sightline |
| Activate | Structured brief and action item synthesis |
The Managed Agents loop is the core engine — it takes a brand brief, fans out across OOH inventory, scores candidates in parallel, and streams results back to the UI as Server-Sent Events, so you watch the plan materialize in real time.
| Layer | Technology |
|---|---|
| Framework | Next.js 16 (App Router, Turbopack), React 19 |
| 3D / WebGL | deck.gl 9, Three.js 0.184, Mapbox GL 3 |
| AI | Claude Opus 4 (vision + generation), Anthropic Managed Agents (Sonnet 4.6) |
| Styling | Tailwind CSS 4 |
| Data | OpenStreetMap Overpass API, ai4animation motion-capture |
| Language | TypeScript 5 (strict) |
git clone https://github.com/jasonmatthewsuhari/sightline.git
cd sightline && npm install# .env.local
NEXT_PUBLIC_MAPBOX_TOKEN=pk.your_token_here
ANTHROPIC_API_KEY=sk-ant-your_key_here
NEXT_PUBLIC_GOOGLE_MAPS_API_KEY=your_key_herenpm run dev
# → http://localhost:3000| U.S. OOH market (2024) | $9.46B |
| Digital OOH growth rate | +10.5% YoY |
| Global OOH market | $50B+ |
| Avg. agency brief-to-placement timeline | 2–4 weeks |
| Sightline brief-to-plan timeline | ~2 minutes |
| Existing end-to-end OOH automation tools | zero |
- Direct vendor booking from winning placements (programmatic DOOH)
- Real foot traffic data from mobility APIs (replacing simulation)
- Video creative generation and analysis
- Multi-market campaign orchestration
- AR preview mode — place your billboard in your phone's camera
MIT — see LICENSE.
Built for the Built With Claude Hackathon · April 2026
"Brief it. Simulate it. Ship it."
Report a bug · Ask a question



