MCP Agent

agent-demos/mcp-agent

FreeBlock

An MCP-backed workspace that inspects installed project docs and optional local Next.js runtime state through AI SDK MCP clients.

Install it

npx shadcn@latest add https://agent-demos.hsawana9.com/r/mcp-agent.json

Source

registry/mcp-agent/app/demos/mcp-agent/page.tsxagent-demos.hsawana9.com/r/mcp-agent.json

1import { McpAgentScreen } from "@/components/mcp-agent/mcp-agent-screen";
2 
3export default function McpAgentPage() {
4  return <McpAgentScreen />;
5}

What it pulls in

npm packages

@ai-sdk/mcp
@ai-sdk/react
@base-ui/react
@modelcontextprotocol/sdk
@phosphor-icons/react
ai
class-variance-authority
lucide-react
next-devtools-mcp
zod

Other registry items

utils
badge
breadcrumb
button
textarea
https://elements.ai-sdk.dev/api/registry/conversation.json
https://elements.ai-sdk.dev/api/registry/message.json
https://elements.ai-sdk.dev/api/registry/reasoning.json
https://elements.ai-sdk.dev/api/registry/shimmer.json
https://elements.ai-sdk.dev/api/registry/tool.json

Files it writes

registry/mcp-agent/app/demos/mcp-agent/page.tsx
registry/mcp-agent/app/api/demos/mcp-agent/route.ts
registry/mcp-agent/app/api/demos/mcp-agent/mcp/route.ts
registry/mcp-agent/components/mcp-agent/mcp-agent-screen.tsx
registry/mcp-agent/components/mcp-agent/mcp-agent-workspace.tsx
registry/mcp-agent/components/mcp-agent/mcp-agent-assistant-trace.tsx
registry/mcp-agent/components/mcp-agent/mcp-agent-model.ts
registry/mcp-agent/components/mcp-agent/mcp-runtime-sidebar.tsx
registry/mcp-agent/components/mcp-agent/use-mcp-agent-chat.ts
registry/mcp-agent/components/ai-elements/prompt-input.tsx
registry/mcp-agent/lib/mcp-agent/server/chat.ts
registry/mcp-agent/lib/ai-gateway/contract.ts
registry/mcp-agent/lib/mcp-agent/server/env-source.ts
registry/mcp-agent/lib/mcp-agent/server/env.ts
registry/mcp-agent/lib/mcp-agent/server/mcp-clients.ts
registry/mcp-agent/lib/mcp-agent/server/mcp-toolbox.ts
registry/mcp-agent/lib/mcp-agent/server/model.ts
registry/mcp-agent/lib/mcp-agent/server/project-docs-catalog.ts
registry/mcp-agent/lib/mcp-agent/server/project-mcp-server.ts
registry/mcp-agent/lib/mcp-agent/server/project-tools.ts
registry/mcp-agent/lib/mcp-agent/server/runtime.ts
registry/mcp-agent/docs/frontend/mcp-agent.md

More from agent-demos

All 16 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Memory & Persistence Agentcustomer-memory-agent	agent-demos	Blocks	Free	9 deps · 31 files
Foundation Chatfoundation-chat	agent-demos	Blocks	Free	5 deps · 14 files
Generative UIgenerative-ui	agent-demos	Blocks	Free	7 deps · 21 files
LangGraph Agentlanggraph-agent	agent-demos	Blocks	Free	5 deps · 18 files
Loop Agentloop-agent	agent-demos	Blocks	Free	7 deps · 13 files
Multimodal Chatbotmultimodal-chatbot	agent-demos	Blocks	Free	6 deps · 13 files
Object Generationobject-generation	agent-demos	Blocks	Free	7 deps · 14 files
OpenAI Agents SDK Demoopenai-agents-sdk-demo	agent-demos	Blocks	Free	11 deps · 56 files