MCP
Connect your AI coding assistant to the fossui MCP server so it writes fossui code against the real component API.
The fossui MCP server hands your AI coding assistant the exact component API. Instead of guessing prop names and enum values, the assistant looks them up and writes code that compiles and stays on theme the first time.
What is MCP
The Model Context Protocol (MCP) is an open standard for connecting AI assistants to outside tools and data over one interface. A server offers a set of capabilities; a client, your editor or CLI, connects and uses them.
fossui runs a hosted server that any client reaches over Streamable HTTP:
https://mcp.fossui.orgThere is nothing to install and no key to manage. Point a client at the URL and it picks up the fossui tools.
Add it to your assistant
Register the server with the CLI:
claude mcp add --transport http fossui https://mcp.fossui.orgThen build with fossui the way you already prompt.
Add it to .cursor/mcp.json in the project, or ~/.cursor/mcp.json to enable it
everywhere:
{
"mcpServers": {
"fossui": {
"url": "https://mcp.fossui.org"
}
}
}Add it to .vscode/mcp.json:
{
"servers": {
"fossui": {
"type": "http",
"url": "https://mcp.fossui.org"
}
}
}Open the MCP settings and add a server, or edit the config file directly:
{
"mcpServers": {
"fossui": {
"serverUrl": "https://mcp.fossui.org"
}
}
}Learn more
New to the protocol? The official docs walk through the concepts and the client and server model: modelcontextprotocol.io.