🟢 One session — A few hours, sittable in one gonext.jsai-sdkvision
Turning a screenshot of a recipe/instructions into a checkable list
“I screenshot recipes and tutorials constantly but then I'm squinting at an image trying to remember which step I'm on. Just let me check things off.”— r/productivity ↗
The gap
Note apps do OCR but none turn an image directly into a stateful, checkable step list. The 'check off as you go' interaction is the whole point and nobody nails it for screenshots specifically.
For
People who hoard screenshots of steps/recipes
Paste-ready build prompt
Build 'Screenshot → Checklist' in Next.js. User uploads an image; send it to a vision model via the Vercel AI SDK with a prompt that extracts ordered steps as JSON. Render the steps as a checkable list with progress saved to localStorage. First 3 steps: (1) image upload + preview component, (2) a server action that calls the vision model and returns `{steps: string[]}` with structured output, (3) the interactive checklist with localStorage persistence. No accounts needed.