Screenshot to Ticket
Upload a screenshot - vision generateObject bug report (title, steps, severity). Honest 503 without AI.
Run this experiment yourself
Demos are not embedded on this site. Deploy a standalone copy on Vercel or run the experiment app locally.
Local development
cd apps/experiments/screenshot-to-ticket pnpm install pnpm dev
Then open http://localhost:3010.
This is an experimental demo. Use it as a starting point for your own projects.
Screenshot to Ticket is a Wave 3 Batch H composition lab. Pure helpers live in logic.ts; missing providers or stores degrade honestly (never fabricate AI output).
Features
- Vision - structured bug ticket
- Severity + repro steps
- Honest 503 without AI
Server Reference
POST /api/ticket
multipart/form-data: file=<image>| Status | Cause |
|---|---|
200 | Success |
400 | Missing image |
503 | No AI provider |
Implementation Details
Validate
Inputs are length-capped in logic.ts; APIs return 400 for missing fields.
Run
Route Handlers compose AI SDK, Redis/Neon, or ImageResponse as documented. Fallbacks include honest notes.
Limitations
- Not a real issue tracker.
- 4MB image cap.
- Model may miss UI nuance.
Use in your project
Copy the Route Handler(s) and logic.ts from apps/experiments/screenshot-to-ticket/.
Deployment
Local Development
cd apps/experiments/screenshot-to-ticket
pnpm install
pnpm devConfiguration
| Variable | Required | Purpose |
|---|---|---|
AI_GATEWAY_API_KEY | Yes (or OpenAI) | Preferred AI provider |
OPENAI_API_KEY | No | Fallback |