MCP Server
When you ask Cursor about defineSection, or Claude Code about an Orchestr query, you want it to quote this documentation rather than guess from training data. The Laioutr docs expose an MCP (Model Context Protocol) server at https://docs.laioutr.io/mcp that serves the same content you are reading right now, so any MCP-aware client can search and cite these pages in its answers.
This server only exposes the documentation site. It does not connect to your project, your Cockpit, or your data.
One-click install
Manual setup
Add the server from the CLI:
claude mcp add --transport http laioutr-docs https://docs.laioutr.io/mcp
Then restart Claude Code. Verify with claude mcp list.
Alternatively, install the Laioutr Claude Code plugin, which registers this MCP server alongside Laioutr-specific skills and conventions.
Edit ~/.cursor/mcp.json (or .cursor/mcp.json in your project):
{
"mcpServers": {
"laioutr-docs": {
"url": "https://docs.laioutr.io/mcp"
}
}
}
Edit .vscode/mcp.json in your workspace:
{
"servers": {
"laioutr-docs": {
"type": "http",
"url": "https://docs.laioutr.io/mcp"
}
}
}
Edit ~/.codeium/windsurf/mcp_config.json:
{
"mcpServers": {
"laioutr-docs": {
"serverUrl": "https://docs.laioutr.io/mcp"
}
}
}
Add to your Zed settings.json:
{
"context_servers": {
"laioutr-docs": {
"command": {
"path": "npx",
"args": ["-y", "mcp-remote", "https://docs.laioutr.io/mcp"]
}
}
}
}
Using it
Once connected, point the assistant at a question the docs can answer, for example:
- "Using the Laioutr docs, show me how to define a product Section with
defineSection." - "Look up the Orchestr query for cart line items in the Laioutr docs."
The client will call the docs MCP server, fetch the matching pages, and ground its answer in them.
Claude Code plugin
Install the Laioutr developer plugin in Claude Code to load the same workflows, conventions, and docs MCP server that the Laioutr core team uses.
Frontend
The Laioutr frontend is the customer-facing Nuxt app with pages, sections, and blocks composed in Studio, powered by a unified data layer (Orchestr) and a set of features you can extend. Start here to understand the product and navigate the docs.