II.
LibraryProcess overview
Reference · livelib-process:ai-agents-conversational--create-mcp-app
create-mcp-app overview
Create MCP App (Greenfield) - Scaffolds a new interactive UI MCP App from scratch following the reference-code-first methodology. Covers framework selection, project setup, Tool+Resource implementation, client UI with handler-before-connect pattern, single-file bundling, and verification against basic-host.
Attributes
displayName
create-mcp-app
description
Create MCP App (Greenfield) - Scaffolds a new interactive UI MCP App from scratch following the
reference-code-first methodology. Covers framework selection, project setup, Tool+Resource implementation,
client UI with handler-before-connect pattern, single-file bundling, and verification against basic-host.
libraryPath
library/specializations/ai-agents-conversational/create-mcp-app.js
specialization
ai-agents-conversational
references
- - MCP Apps SDK: https://github.com/modelcontextprotocol/ext-apps - MCP Apps Specification (2026-01-26): https://modelcontextprotocol.io/specification/2026-01-26/server/utilities/apps - npm: @modelcontextprotocol/ext-apps
example
const result = await orchestrate('specializations/ai-agents-conversational/create-mcp-app', {
appName: 'data-dashboard',
description: 'Interactive data visualization dashboard',
framework: 'react',
features: ['host-styling', 'streaming-input', 'app-only-tools'],
transport: 'stdio'
});
usesAgents
- mcp-app-architect
- mcp-ui-developer
Outgoing edges
lib_applies_to_domain1
- domain:software-engineering·DomainSoftware Engineering
lib_belongs_to_specialization1
- specialization:ai-agents-conversational·Specialization
lib_implements_workflow1
- workflow:agent-evaluation-cycle·WorkflowAgent Evaluation Cycle
lib_involves_role1
- role:backend-engineer·RoleBackend Engineer
uses_agent2
- lib-agent:ai-agents-conversational--mcp-app-architect·LibraryAgentmcp-app-architect
- lib-agent:ai-agents-conversational--mcp-ui-developer·LibraryAgentmcp-ui-developer
Incoming edges
None.