Multimodal API lab
Frame the typed receipt-vision API experiment
Page 1 advances one concrete typed receipt-vision API: explain the decision, run the code, inspect failure, measure evidence, and keep only what is ready to ship.
1Try it yourself
Playground
Vision API wiring
Image in → text out — same chat API, multimodal message parts.
- Base64 or URL-encode image
- User message with image + text parts
- POST chat/completions with vision model
- Parse text answer — verify before act
Before you start
Why this matters
Without running code, predict the output of this page's example and name the intermediate value that would prove your prediction. Then write one sentence answering: “What could look successful while actually being wrong?” For this stage, focus on overconfident misread of a blurred total. Keep the prediction nearby; comparing it with the real output is the first debugging exercise, not a quiz about syntax.
2Learn the idea
Read
Build focus
A lab needs a falsifiable claim before code. The claim here is that you can return a typed answer with confidence and evidence location, or abstain when pixels are unreadable. Record the tiny dataset, expected behavior, and one reason the result could be misleading. The first artifact is an experiment brief, not a screenshot. It names the user decision, the baseline you must beat, and the non-goals you will not pretend to solve on this page.
Vision endpoints fail when they trust filenames, ignore byte limits, or return confident wrong totals. This lab builds a typed receipt reader: validate bytes, normalize safely, call a vision model through an adapter, and require confidence plus evidence location—or abstain.
The artifact's user-facing goal is specific: return a typed answer with confidence and evidence location, or abstain when pixels are unreadable. Its accepted input is authenticated upload bytes plus a question string, after MIME and size validation. Those statements are intentionally narrower than “build an AI system.” Narrow scope lets us inspect every input and expected result, and it prevents a toy result from being presented as a production claim. System shape for this chapter: an upload boundary checks authentication, MIME signature, dimensions, and byte limits; an image worker strips metadata and resizes safely; a provider adapter sends text and image parts; a schema validator rejects malformed or overconfident output. Keep model calls behind adapters, keep authorization and validation in deterministic code, and carry stable IDs and versions through every response. That separation lets you decide whether a bad result came from input handling, retrieval, inference, validation, or deployment. This page's job is the experiment brief step: a lab needs a falsifiable claim before code. Setup baseline for the chapter (run once per machine, not secrets in git):
python -m venv .venv && source .venv/bin/activate
pip install fastapi uvicorn pillow pydantic httpx
export MAX_IMAGE_BYTES=5000000
If hardware or a hosted provider differs, preserve the interface and expected behavior. Do not present provider syntax as universal—when a vendor adapter is unavoidable, keep it behind a thin boundary and test with a fake first. The deliverable is not “it ran once”; it is a reproducible artifact another developer can inspect, including expected output and one deliberate failure related to overconfident misread of a blurred total. Operationally, write down the owner of this stage, the command you ran, the observed output, and the next page's dependency on that output. If you cannot point to a file, fixture, metric, or config key, the stage is not done. Prefer small, reviewable increments: one contract, one path, one metric, one failure, one gate. When tradeoffs appear—latency versus quality, hit rate versus false hits, local privacy versus cloud quality—record both numbers instead of moving the threshold until the report looks green. The chapter ships only when evidence for field exact-match on clear fixtures, high abstention precision on blurred fixtures, schema validity 100% and a rehearsed recovery path exist beside FastAPI /analyze endpoint with normalization, schema validation, and model pin.
Read
Run the example
Save this as lesson.py and run python3 lesson.py. Prefer the standard library or the pinned packages from the setup block so the example stays reproducible.
acceptance={"endpoint":"/analyze","clear_fixture":"receipt-clear.jpg","expect":{"answer":"$42.10","confidence":"high"},"blur_must_abstain":True}
print(acceptance["expect"])
Expected output: expected clear-fixture answer dict. Exact floating-point formatting may vary slightly, but the asserted behavior must not. Read the output as evidence about this stage, not merely proof that the interpreter started.
Read
Debug the stage
Print the planned interfaces and the one fixture that would falsify the brief. If tenant, version, timeout, or refusal behavior is missing from the brief, stop before installing packages. At the experiment brief stage, save the smallest failing fixture beside the expected result. Change one cause at a time and rerun the exact command printed above; that makes the repair reviewable and keeps this chapter's progressive artifact reproducible.
Read
Evaluate before continuing
Preserve the acceptance brief beside the fixture. Connecting tools is not the same as meeting field exact-match on clear fixtures, high abstention precision on blurred fixtures, schema validity 100%. For this experiment brief page, preserve the fixture and result as evidence for the next page. Label observations separately from conclusions: a passing assertion establishes the behavior it names, while broader usefulness requires the chapter's full evaluation set and stated operating limits. Primary metrics for the chapter remain field exact-match on clear fixtures, high abstention precision on blurred fixtures, schema validity 100%.
Continue learning · glossary & guides
- [ ] What exact claim can this tiny fixture disprove?
- [ ] Which baseline prevents a decorative success claim?
- [ ] What result would make me stop before implementation?
- [ ] Can I explain how return a typed answer with confidence and evidence location, or abstain when pixels are unreadable?
Glossary: multimodal · Snippet: vision message · How-to: call a vision API · Cheatsheet: image prompt card