A meal-planning and shopping-list app built for The WebMCP Challenge.
PantryPilot is an ordinary, useful web app — plan a week of dinners, respect dietary restrictions, track pantry staples, get an auto-generated shopping list — that becomes something new once an AI agent can drive it directly. Instead of an agent scraping the DOM or simulating clicks, this page exposes its real capabilities as WebMCP tools, so a human and an agent can plan the same week together, live, in the same shared state.
!!! quote “” “You have chicken, no dairy, and 20 minutes on Tuesdays. Plan my week and build the shopping list” is a sentence an agent can now act on, not just answer.
Try the live demo{ .md-button .md-button–primary } How to use it{ .md-button } See it on Devpost{ .md-button }
The theme asks for apps that are “meaningfully enhanced when both humans and AI agents can use them collaboratively.” PantryPilot is built so that:
js/actions.js). The human
UI and the WebMCP tools call the exact same functions — an agent has no
more power over the page than a human clicking through it, and neither
surface can drift out of sync with the other.localStorage-backed store (js/state-store.js). If an agent plans
Monday’s dinner while you’re looking at the page, the meal-plan grid
updates in front of you immediately — no refresh.human or
agent, so it’s obvious afterward who did what — this is what makes it
feel like collaboration rather than automation happening behind your
back.force: true) — a small but real example of a tool
doing more than “click this button.”undo-last-action to revert the most recent change — the kind of safety
net the WebMCP security guidance
on agent trust is actually about, implemented rather than just mentioned.| Page | What’s there |
|---|---|
| How to Use | Walk through the live demo as a human, then as an agent — with screenshots and exact steps to enable WebMCP yourself |
| WebMCP Tools | All 19 registered tools, their JSON Schemas, and what each one actually enforces |
| Architecture | Diagrams: the human/agent/shared-core system design, the module dependency graph, and a full tool-call sequence |
| Development | Run it locally, run the test suite, project structure, security notes |
MIT — see LICENSE.