> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getloracle.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Loracle

> Connect your design system to AI.

Loracle indexes your Storybook component library and makes it queryable by AI. Publish your design system with the CLI, then use it from any coding agent via MCP or directly inside Storybook with the AI addon.

```
Storybook → CLI → Loracle Cloud ← MCP ← Coding Agent
                                ← Storybook Addon
```

## Choose your path

<Columns cols={3}>
  <Card title="Publish your design system" icon="upload" href="/cli">
    Use the CLI to index your Storybook and make it queryable by AI.
  </Card>

  <Card title="Use with a coding agent" icon="robot" href="/mcp">
    Add the MCP server to Cursor, Claude Code, or Windsurf.
  </Card>

  <Card title="Build stories with AI" icon="pencil" href="/storybook-addon">
    Install the Storybook addon for in-editor AI generation.
  </Card>
</Columns>