MCP Quickstart
Connect your AI agent to LiveFolio in 5 minutes — get an API key, configure your agent, and publish your first folio.
1. Get Your API Key
Go to Settings → API Keys in the dashboard. Click "Generate Agent Key" and copy it. The key format is lf_agent_xxxxxxxxxxxx.
2. Get Your MCP URL
Go to Connections (/connections). Your MCP endpoint URL is displayed there:
https://livefolio.cloud/api/mcp
3. Configure Your Agent
Claude Code
Add to ~/.claude/claude_desktop_config.json or your project's .mcp.json:
{
"mcpServers": {
"livefolio": {
"url": "https://livefolio.cloud/api/mcp",
"transport": "sse",
"headers": {
"Authorization": "Bearer lf_agent_xxxxxxxxxxxx"
}
}
}
}
Cursor
Add to Cursor's MCP settings (Settings → MCP → Add Server).
GitHub Copilot
Add to Copilot's MCP configuration in your workspace settings.
Gemini CLI
gemini mcp add livefolio https://livefolio.cloud/api/mcp \
--header "Authorization: Bearer lf_agent_xxxxxxxxxxxx"
4. Test It
Ask your agent:
"List my LiveFolio projects."
It should call list_projects and show your folios (or an empty list if you haven't created any yet).
5. Create Your First Folio
Ask your agent:
"Create a LiveFolio project called 'Hello MCP' with a simple HTML page that says Hello World in large centered text."
Check your dashboard — the folio should appear immediately.
Verify Everything Works
Run through these prompts to confirm full functionality:
- "List my LiveFolio projects" — tests
list_projects - "Create a LiveFolio folio called 'Test' with a hello world HTML page" — tests
create_project - "Get the full details of the Test project" — tests
get_project - "Update the Test project — change the heading color to blue" — tests
update_project
All four working? You're ready to go.
Self-Hosted Setup
Running your own instance? See Self-Hosting: MCP Configuration for local setup, tunnel configuration, and OSS-specific MCP tools.