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.
Related MCP server: ds-pilot
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 |
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Servers
- FlicenseAqualityDmaintenanceAn MCP server that enables AI to interact with the private 'my-design' React component library and design tokens for UI generation and technical support. It provides tools for component searching, API documentation retrieval, and migration guidance based on specific internal design specifications.Last updated6
- Alicense-qualityBmaintenanceMCP server that exposes your design system components and tokens to AI agents, preventing duplicate component creation and hardcoded token values.Last updated189MIT
- Flicense-qualityDmaintenanceMCP server that gives AI coding agents the ability to design UIs through Google Stitch. It generates production-ready HTML and screenshots from natural language prompts.Last updated
- Alicense-qualityDmaintenanceMCP server for AI-powered component generation - analyze designs, generate components, and create implementation instructions.Last updated24MIT
Related MCP Connectors
Markdown-first MCP server for Notion API with 8 composite tools and 39 actions.
An MCP server that gives your AI access to the source code and docs of all public github repos
MCP server for AI agent profiles and smart notes. 60+ coding prompt packs with expert personas.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
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