Hybrid Astro UI provides an official MCP (Model Context Protocol) server,allowing AI tools to access the official documentation directly.This enables AI assistants to answer questions about Hybrid Astro UI using the real documentation, without guessing or relying on scraped content.

How it works

The Hybrid Astro UI MCP exposes:

• The list of available components
• Detailed documentation for each component
• Installation and setup guides

AI tools can query this information directly through the MCP, ensuring accurate and up-to-date answers.

Enable MCP (VS Code / GitHub Copilot)

If you are using VS Code with GitHub Copilot MCP support, configure your workspace MCP file at:

• .vscode/mcp.json

Use the servers property (NOT mcpServers):

{
  "servers": {
    "hybrid-astro-ui-mcp": {
      "command": "npx",
      "args": ["--package", "hybrid-astro-ui", "hybrid-astro-ui-mcp"]
    }
  }
}

Enable MCP (Windsurf / Cursor)

Windsurf and Cursor typically expect mcpServers in their MCP config:

{
  "mcpServers": {
    "hybrid-astro-ui-mcp": {
      "command": "npx",
      "args": ["--package", "hybrid-astro-ui", "hybrid-astro-ui-mcp"],
      "disabled": false
    }
  }
}

After enabling it, your AI assistant will be able to read the official Hybrid Astro UI documentation directly.

Example prompts

• “Using the Hybrid Astro UI MCP, guide me through installing and setting up Hybrid Astro UI”
• “Read the Tooltip documentation from the MCP and explain its props”
• “According to the official Hybrid Astro UI docs, how does Button work?”