* Enhance Marketing Pages and UI Components - Updated the marketing homepage to include an Ecosystem Showcase component, improving the presentation of the SaaS Starter Kit. - Refined various UI components, including adjustments to spacing, typography, and layout for better visual consistency. - Improved accessibility by adding aria-labels and ensuring proper semantic structure in components. - Adjusted styles across multiple components to enhance responsiveness and user experience. - Updated the pricing table and feature cards to align with the new design standards, ensuring a cohesive look and feel throughout the application. - Updated plan picker design
Makerkit MCP Server
The Makerkit MCP Server provides tools to AI Agents for working with the codebase.
Build MCP Server
Run the command:
pnpm --filter "@kit/mcp-server" build
The command will build the MCP Server at packages/mcp-server/build/index.js.
Adding MCP Servers to AI Coding tools
Before getting started, retrieve the absolute path to the index.js file created above. You can normally do this in your IDE by right-clicking the index.js file and selecting Copy Path.
I will reference this as <full-path> in the steps below: please replace it with the full path to your index.js.
Claude Code
Run the command below:
claude mcp add makerkit node <full-path>
Restart Claude Code. If no errors appear, the MCP should be correctly configured.
Codex
Open the Codex YAML config and add the following:
[mcp_servers.makerkit]
command = "node"
args = ["<full-path>"]
Cursor
Open the mcp.json config in Cursor and add the following config:
{
"mcpServers": {
"makerkit": {
"command": "node",
"args": ["<full-path>"]
}
}
}
Additional MCP Servers
I strongly suggest using the Postgres MCP Server that allows AI Agents to understand the structure of your Database.