How we built it We built a React/Vite canvas with shared WebMCP tools, board-aware placement, revision checks, UI locking, AI generation, and reusable layout templates.
Challenges we ran into We had to handle stale tool states, precise canvas coordinates, secure API keys, responsive controls, and keeping agent actions synchronized with the visible UI.
Accomplishments that we're proud of The agent can safely inspect and modify a live canvas while users retain control and can edit every generated element.
What we learned We learned that reliable agent experiences need clear tool contracts, strict validation, shared state, human recovery controls, and careful visual verification.
Log in or sign up for Devpost to join the conversation.