AI Integration

Volt UI gives AI assistants three ways to understand and use the component library correctly: a local skill, a hosted MCP server, and a prompt reference.

Choose your integration

Local Skill

Best for OpenCode / Claude Code users. The skill file is auto-discovered in your workspace and teaches the agent Volt UI conventions, selectors, and the component catalog.

Learn more →

MCP Server

Best for Claude, Cursor, Windsurf, and any MCP-native agent. The hosted server at https://volt-ui.pages.dev/api/mcp exposes tools to query components, examples, themes, and CLI commands on demand.

Learn more →

Prompt Reference

Best for web-based LLM chats or agents without MCP/skill support. Paste the contents of VOLT_UI_PROMPT.md into any chat for a complete usage guide.

Learn more →

Quick start (MCP)

If you want the fastest path with Claude, Cursor, or Windsurf:

npx volt-ui-mcp

The installer writes the right config files for your agent and adds Cursor rules / Copilot instructions where applicable.

When to use what

Situation	Recommended tool
You use Claude Code or OpenCode	[Local Skill](/docs/ai-skill)
You use Claude Desktop, Cursor, or Windsurf	[MCP Server](/docs/ai-mcp)
You use GitHub Copilot in VS Code	[MCP Server](/docs/ai-mcp) (instructions + snippets)
You use a web chat (ChatGPT, Gemini, etc.)	[Prompt Reference](/docs/ai-prompt)