1
Intake
2
Vehicle Info
3
Damage Notes
4
Repair Order
5
Supplement
6
Customer Msg
7
Tech SOP
8
Invoice
9
Sync
Step 1 — Customer Intake
New collision claim received
Customer Name
Maria Thompson
Phone
(602) 555-0148
Email
maria.thompson@example.com
Claim Type
Rear-End Collision
Insurance Carrier
State Farm — Claim #SF-2024-88741
Drop-Off Date
May 14, 2026
Step 2 — Vehicle Information
VIN-anchored record created
Year / Make / Model
2021 Toyota Camry SE
VIN
4T1B11HK5MU012345
Color
Midnight Black Metallic
Mileage
34,812 mi
License Plate
AZ · NXB 4427
Prior Damage
None on record
Step 3 — Damage & Repair Notes
Technician assessment entered
Technician Notes
Edit this walkthrough in Adobe Firefly
Demo → Playwright recording → Firefly generative edit
Once Playwright finishes capturing this demo, hand the recording or any keyframe to Adobe Firefly for AI editing — regenerate backgrounds, restyle the UI, swap branding, or produce social-ready cuts. The prompt below is auto-generated from this demo's context.
Firefly prompt (auto-generated)
How the handoff works
- Run
node scripts/record-demo-video.js --record— Playwright captures the walkthrough to/tmp/demo-videos/. - Click any Open in Firefly button — Firefly Web opens in a new tab with the prompt pre-filled.
- In Firefly, upload the
.webm(or a keyframe) and apply generative fill, restyle, or background regeneration. - Export the edited asset back into your marketing site, social posts, or product page.