Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type @ followed by the MCP server name and your instructions, e.g., "@rubyui-mcp list all RubyUI components"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
An MCP (Model Context Protocol) server that provides AI assistants with access to RubyUI component library documentation.
Tool | Description |
| List all available RubyUI components |
| Fetch full docs and code examples for a specific component |
| Search components by name or keyword |
| Get the Rails installation guide (bundler or importmaps) |
| Get theming, dark mode, and customization docs |
Related MCP server: shadcn MCP Server
npm installAdd to your Claude Code MCP config (~/.claude/settings.json or project .mcp.json):
{
"mcpServers": {
"rubyui": {
"command": "node",
"args": ["/path/to/rubyui-mcp/index.js"]
}
}
}npm startThe server communicates over stdio using the MCP protocol.
Node.js >= 18.0.0
This server cannot be deployed
Find UI components and themes, retrieve code, and generate with hosted 21st AI when enabled.
The documentation, as a tool your agent can call: 950+ AI-dev guides. Search + fetch tools.
Versioned documentation registry and semantic search for AI tools and coding assistants.
Provides tools for searching Google Workspace documentation and much more.
