MCP Hub
Back to servers

Elegant MCP Server

MCP server for the Elegant 1.0 design system that provides 12 tools for AI-assisted UI generation. It outputs single HTML files with CSS, JS, and assets served from CDN, requiring a GitHub token to fetch component documentation.

glama
Updated
Apr 22, 2026

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:

  1. setup_project — gets CDN URLs and build rules
  2. get_page_blueprint — gets exact layout specification
  3. get_recipe / get_shell — gets shell skeleton
  4. get_component — gets HTML for each component
  5. Outputs a single index.html with all assets loaded from CDN

Available Tools (14)

ToolDescription
setup_projectCDN URLs, build rules, workflow steps
get_componentCanonical HTML for any UI component
get_recipeBuild recipe for Shell A/B/C/D
get_shellComplete HTML skeleton with CDN links
get_chart_snippetElegantEChart HTML+JS code
get_checklistPre-commit checklist
get_anti_patternsKnown issues and fixes
list_componentsAll available component names
search_wikiFull-text search across wiki docs
get_icons195 SVG icon names with CDN URLs
get_full_wiki_fileComplete wiki markdown file
get_topnavbarComplete TopNavBar HTML
get_page_blueprintDetailed page layout specification
get_screenshotSearch 217 product screenshots

Reviews

No reviews yet

Sign in to write a review