Elegant Agent The Elegant Agent is a Lovable-style design-system agent that gives Claude AI (or any MCP-compatible client) full access to the Elegant 6.0 d…
Elegant Agent The Elegant Agent is a Lovable-style design-system agent that gives Claude AI (or any MCP-compatible client) full access to the Elegant 6.0 design system for ManageEngine Log360 Cloud. Your team creates dashboards, settings pages, reports — or converts any HTML to the Elegant theme — just by chatting with Claude. Architecture Plaintext┌──────────────────┐ ┌──────────────────────────┐ ┌──────────────────┐ │ Your Team │ │ Elegant Agent │ reads │ Design System │ │ (20+ people) │ MCP │ (local uvicorn or │◄───────►│ Files │ │ │◄───────►│ Vercel — free tier) │ │ (tokens, icons, │ │ Claude Desktop │ HTTP │ │ │ components, │ │ with MCP config │ │ 38 tools including: │ │ templates) │ │ │ │ - start_design() │ │ │ │ "Create a SOC │ │ - assemble_screen() │ └──────────────────┘ │ dashboard" │ │ - validate_html() HARD │ │ │ │ - playground UI │ You update files └──────────────────┘ └──────────────────────────┘ → bundle.sh → vercel --prod → all users get updates 25 MCP Tools Gateway (call first) ToolPurposestart_design(user_request)MANDATORY first call — analyzes intent, auto-detects tab, or asks clarifying question Page Builders (main tools) ToolPurposeget_dashboard_kit(title, tab, domain)Complete dashboard in ONE call — CSS + TopNavBar + tiles + charts + alertsget_app_shell(tab, title, sidemenu_item)Complete app shell for Settings/Reports/Compliance pages Design System Assets ToolPurposeget_conversion_guide()Full HTML→Elegant conversion rulesget_agent_memory()Accumulated design system knowledgeget_theme_engine()Complete token mapping JSONget_design_tokens()tokens.css (all CSS custom properties)get_layout_template()Base HTML page skeletonget_token_quick_reference()
本页属于 OpenClaw Skills 学习体系，覆盖技能安装、分类导航与实战链接。