MCP Servers
Comprehensive guide to configuring and using Model Context Protocol servers for code generation, UI scaffolding, browser testing, and database operations.
By the end of this guide, you'll have a complete understanding of how to configure each MCP server in your SaaS Boilerplate project, what tools they provide, and how to use them effectively with Lia and other code agents.
Overview
Model Context Protocol (MCP) servers extend your code agent's capabilities by providing specialized tools for different tasks. The SaaS Boilerplate configures several key MCP servers that work seamlessly with Igniter.js and your development workflow:
- Igniter.js MCP: All these capabilities—development lifecycle management, code generation, API validation, documentation, code analysis, project management, knowledge base, task organization, and agent delegation—are provided as part of the Igniter.js MCP server.
- Shadcn UI MCP: UI component scaffolding and design system integration
- Playwright MCP: Automated browser testing and interaction
- Postgres MCP: Database introspection and query operations
These servers are defined in your project's .mcp.json file and are automatically available to configured code agents like Lia.
Configuration File Structure
The .mcp.json file in your project root defines how each MCP server runs. Here's the complete configuration structure:
{
"mcpServers": {
"igniter": {
"command": "npx",
"args": ["-y", "@igniter-js/mcp-server@latest"],
"env": {}
},
"browser": {
"command": "npx",
"args": ["@playwright/mcp@latest"],
"env": {}
},
"shadcn": {
"command": "npx",
"args": ["shadcn@latest", "mcp"],
"env": {}
},
"postgres": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-postgres", "postgresql://..."],
"env": {
"POSTGRES_CONNECTION_STRING": "postgresql://username:password@localhost:5432/database"
}
}
}
}Igniter.js MCP Server
The Igniter.js MCP server provides comprehensive tools for the complete development lifecycle, including server management, code generation, API testing, documentation, and advanced code analysis capabilities.
Configuration Options
Prop
Type
Available Tools
Shadcn UI MCP Server
The Shadcn UI MCP server enables rapid scaffolding of UI components using your project's design system, focusing on component generation and theme customization.
Configuration Options
Prop
Type
Available Tools
Playwright MCP Server
The Playwright MCP server provides browser automation tools for testing, scraping, and UI validation, enabling autonomous front-end testing and research.
Configuration Options
Prop
Type
Available Tools
Postgres MCP Server
The Postgres MCP server enables database introspection, query execution, and schema analysis for PostgreSQL databases.
Configuration Options
Prop
Type