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-mcpThe 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 |
| You use Claude Desktop, Cursor, or Windsurf | MCP Server |
| You use GitHub Copilot in VS Code | MCP Server (instructions + snippets) |
| You use a web chat (ChatGPT, Gemini, etc.) | Prompt Reference |