{"version":"1.0","type":"card","id":"6c45a7eb-5f18-4ee8-ac67-21a265256295","url":"https://stacklist.com/card/6c45a7eb-5f18-4ee8-ac67-21a265256295","title":"Building Interfaces for AI Agents with MCP Apps","source_url":"https://websummercamp.com/2026/session/building-interfaces-for-ai-agents-with-mcp-apps-a2ui-and-ag-ui","note":"This session at Web Summer Camp focuses on creating user interfaces for AI agents using MCP Apps, A2UI, and AG-UI frameworks. Participants will learn how to effectively design and implement these interfaces to enhance user interaction with AI technologies.","image":{"url":"https://ucarecdn.com/4a98200e-c5cb-4c26-8d35-a0cf0f34df37/","alt":"Building Interfaces for AI Agents with MCP Apps","width":1400,"height":1400},"stack":{"id":"46432398-67c7-4536-9f20-fb45d29f325d","title":"JavaScript track: For frontend developers","url":"https://stacklist.com/stack/46432398-67c7-4536-9f20-fb45d29f325d"},"created_at":"2026-07-06T01:23:42.802Z","updated_at":null,"aco":{"summary":"Building Interfaces for AI Agents with MCP Apps is a hands-on workshop teaching developers how to create rich, interactive user interfaces for AI agents using three complementary protocol standards: MCP Apps, A2UI, and AG-UI. Attendees will learn production patterns, security considerations, and gain practical experience building agent UIs that move beyond text-only chatbots.","tags":["ai-agents","mcp-apps","ui-protocols","web-development","agent-interfaces","real-time-streaming"],"key_entities":[{"name":"MCP Apps","type":"technology","confidence":0.95},{"name":"A2UI","type":"technology","confidence":0.95},{"name":"AG-UI","type":"technology","confidence":0.95},{"name":"Anthropic","type":"organization","confidence":0.9},{"name":"OpenAI","type":"organization","confidence":0.9},{"name":"Google","type":"organization","confidence":0.9},{"name":"CopilotKit","type":"organization","confidence":0.85},{"name":"Mark","type":"person","confidence":0.7},{"name":"AILANG","type":"technology","confidence":0.85},{"name":"Denmark","type":"location","confidence":0.9},{"name":"agent-protocols","type":"concept","confidence":0.85},{"name":"agentic-systems","type":"concept","confidence":0.85}],"classification":"tutorial","language":"en","confidence":0.85,"provenance":{"model":"claude-haiku-4-5","tool":"@stacklist/be@0.1.0","confidence":0.85,"timestamp":"2026-07-06T01:23:48.422Z"},"token_counts":{"approximate":738,"cl100k":668},"content_hash":"sha256:d77caa7ebd172434bcc4c12c3eaf84fd4d18415dc3fe9686998a89dba258e1d5","acp_version":"0.2","body_available":true,"body_tokens":738,"visibility":"public","agent_accessible":true,"status":"final"},"_links":{"self":"/api/public/card/6c45a7eb-5f18-4ee8-ac67-21a265256295.json","html":"https://stacklist.com/card/6c45a7eb-5f18-4ee8-ac67-21a265256295","md":"/api/public/card/6c45a7eb-5f18-4ee8-ac67-21a265256295.md","stack_json":"/api/public/stack/46432398-67c7-4536-9f20-fb45d29f325d.json"}}