Skip to content
Back

Integrations

Connect AI coding agents, Slack, and Discord to LiveFolio — publish folios from your editor, get notifications in chat.

Integration Hub

LiveFolio connects to your existing tools so you can publish folios without leaving your workflow. All integrations are managed from the Connections page (/connections).

AI Agent (MCP)

Connect your coding agent to publish folios directly from your editor. Your agent can create, update, list, and manage folios — just ask it.

One-Click Setup

  1. Go to Connections (/connections)
  2. Copy your MCP endpoint URL and API key
  3. Paste into your agent's MCP configuration
  4. Done — your agent can now publish folios

Supported Agents

AgentHow to connect
Claude CodeAdd to ~/.claude/claude_desktop_config.json or .mcp.json
CursorAdd to Cursor MCP settings
GitHub CopilotAdd to Copilot MCP configuration
Gemini CLIgemini mcp add livefolio {your-mcp-url}

What Your Agent Can Do

Ask your agent things like:

  • "List my LiveFolio projects"
  • "Create a LiveFolio folio called 'Q3 Report' with this HTML"
  • "Update the header color on my folio to blue"
  • "Show me the feedback on my latest folio"

The agent calls the MCP server automatically. No manual API requests needed.

Manual MCP Configuration

{
  "mcpServers": {
    "livefolio": {
      "url": "https://livefolio.cloud/api/mcp",
      "transport": "sse",
      "headers": {
        "Authorization": "Bearer lf_agent_xxxxxxxxxxxx"
      }
    }
  }
}

Generate your API key from Settings → API Keys.

Slack

Get folio activity notifications directly in Slack:

  1. Go to Connections → Slack
  2. Click "Connect Slack"
  3. Authorize the LiveFolio app in your workspace
  4. Choose which channels receive notifications

Notifications include:

  • New comments on your folios
  • New versions published
  • Folio sharing events

Discord

Same capabilities as Slack, for Discord communities:

  1. Go to Connections → Discord
  2. Click "Connect Discord"
  3. Authorize the LiveFolio bot in your server
  4. Configure notification channels

API Keys

Manage programmatic access from Settings → API Keys:

  • Generate keys for agents, scripts, or CI/CD pipelines
  • Name each key descriptively (e.g., "Claude Code", "GitHub Actions")
  • Revoke keys instantly — all connections using that key stop working
  • Rotate regularly for security

Keys use the format lf_agent_xxxxxxxxxxxx and are shown only once at creation. Store them securely.

Self-Hosting?

If you're running your own LiveFolio instance, see the Self-Hosting Guide for MCP setup, tunnel configuration, and API key management specific to self-hosted deployments.