Detailed Canvas

Enrich Obsidian Canvas link cards with AI-generated summaries, images, and metadata. Supports Ollama, OpenAI, Claude, Groq, and OpenRouter.

Features

• AI-generated summaries for canvas link cards using your choice of AI provider
• Automatic metadata extraction — title, description, and cover image from web pages
• Twitter/X support — extracts tweet content, images, and author info via fxtwitter API
• Auto-enrich on paste — automatically process new link cards added to canvas
• Context menu integration — right-click any link card to enrich it
• Batch processing — enrich all link cards in a canvas at once
• Multiple AI providers — Ollama (local), OpenAI, Claude, Groq, OpenRouter

Usage

Enrich a single link card

1. Right-click a link card on your canvas
2. Select Enrich with AI description from the context menu
3. The plugin scrapes the URL, generates an AI summary, and replaces the link with a rich card

Enrich all link cards

Open the command palette (Ctrl/Cmd + P) and search for:

• Enrich selected link card — process selected link cards
• Enrich all link cards in canvas — process every link card in the active canvas

Auto-enrich

When enabled in settings, new link cards pasted into a canvas are automatically enriched.

Supported AI Providers

Settings

AI Provider

• Provider — choose between Ollama, OpenAI, Claude, Groq, or OpenRouter
• API key — required for cloud providers (stored locally in your vault)
• Model — select from available models (auto-fetched where supported)
• Test connection — verify your provider is reachable

Behavior

• Auto-enrich on paste — automatically enrich new link cards
• Show notifications — display progress during enrichment
• Max description length — limit generated summary length (default: 500 chars)

Advanced

• AI prompt — customize the instructions for generating summaries
• Use environment variables — read API keys from env vars instead of stored settings (OPENAI_API_KEY, OPENROUTER_API_KEY, GROQ_API_KEY, ANTHROPIC_API_KEY)
• Reset to defaults — restore all settings

Troubleshooting

Installation

From community plugins

1. Open Settings → Community Plugins
2. Search for "Detailed Canvas"
3. Click Install, then Enable

Manual installation

1. Download the latest release from GitHub
2. Extract main.js, manifest.json, and styles.css to your vault's .obsidian/plugins/detailed-canvas/ directory
3. Reload Obsidian
4. Enable the plugin in Settings → Community Plugins

Development

npm install
npm run dev    # development with watch mode
npm run build  # production build
npm run lint   # lint the code

License

MIT