Model Context Protocol
The open standard for AI-native building. MCP connects AI models to your project context, enabling smarter code generation and seamless tool interop.
What is MCP?
Model Context Protocol (MCP) is an open standard that lets AI models understand your project deeply — your components, design tokens, data models, and conventions. Instead of generic completions, AI tools connected via MCP generate code that fits your architecture perfectly.
InBuild exposes an MCP server that any compatible AI tool can connect to. This means you can use Claude, Cursor, Windsurf, or any MCP-compatible editor and get context-aware suggestions tailored to your InBuild project.
Capabilities
AI Code Generation
Context-aware code generation that understands your component tree, styling patterns, and project structure. Get production-ready code, not generic snippets.
Design-to-Code
Feed in your designs and get pixel-perfect components. MCP understands layout, spacing, and typography to match your design system.
Smart Refactoring
AI understands your full component tree for intelligent refactoring. Extract components, rename props, and restructure layouts with confidence.
Multi-Model Support
Connect Claude, GPT, Gemini, and other models via MCP. Switch between models or use multiple simultaneously for different tasks.
Custom Tools
Extend InBuild with your own MCP servers. Build custom tools for code review, accessibility auditing, or any workflow you need.
Context Sharing
Share project context across AI tools seamlessly. Your component library, design tokens, and conventions stay consistent no matter which AI you use.
Quick Setup
{
"mcpServers": {
"inbuild": {
"command": "npx",
"args": ["inbuild-mcp", "--project", "my-project"],
"env": {
"INBUILD_API_KEY": "your-api-key"
}
}
}
}