Elegant MCP Server
Requires GitHub Personal Access Token for CDN access to Elegant design system assets (CSS, JS, SVG icons, fonts) hosted on GitHub, enabling retrieval of UI components and resources.
Click on "Install 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., "@Elegant MCP Servercreate a dashboard page with a top navbar and line chart using Shell B"
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.
Elegant Agent MCP Server
MCP server for the Elegant 1.0 UI component library. Provides 14 tools that give AI assistants everything they need to build Log360 Cloud pages — component HTML, page blueprints, shell skeletons, chart snippets, icons, and wiki documentation.
All data is served from the cloud. No local files needed.
Quick Setup
Cursor (recommended)
Add to .cursor/mcp.json in any project:
{
"mcpServers": {
"elegant-agent": {
"url": "https://elegant-mcp.vercel.app/api/mcp"
}
}
}Reload Cursor. 14 tools will appear.
Claude Desktop
Add to ~/Library/Application Support/Claude/claude_desktop_config.json:
{
"mcpServers": {
"elegant-agent": {
"command": "npx",
"args": ["-y", "mcp-remote", "https://elegant-mcp.vercel.app/api/mcp"]
}
}
}Restart Claude Desktop.
Usage
Just ask the AI to build a page:
"Create Report Servers & Workstation - Windows - Windows Startup report page with all interactions"
The AI will automatically call the MCP tools in order:
setup_project— gets CDN URLs and build rulesget_page_blueprint— gets exact layout specificationget_recipe/get_shell— gets shell skeletonget_component— gets HTML for each componentOutputs a single
index.htmlwith all assets loaded from CDN
Available Tools (14)
Tool | Description |
| CDN URLs, build rules, workflow steps |
| Canonical HTML for any UI component |
| Build recipe for Shell A/B/C/D |
| Complete HTML skeleton with CDN links |
| ElegantEChart HTML+JS code |
| Pre-commit checklist |
| Known issues and fixes |
| All available component names |
| Full-text search across wiki docs |
| 195 SVG icon names with CDN URLs |
| Complete wiki markdown file |
| Complete TopNavBar HTML |
| Detailed page layout specification |
| Search 217 product screenshots |
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/Anguraj-zoho/elegant-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server