NEURIA Design Intelligence MCP

"Design is not just what it looks like. Design is how it feels." — Steve Jobs

NEURIA quantifies thatfeelinginto actionable design tokens.

NEURIA maps6 core emotionsto complete design systems:

Each emotion includescolor palettes,typography settings,spacing scales,border radii,shadow styles, andanimation parameters— all derived from statistical analysis of real CSS extracted from 300+ top websites.

Add to your.mcp.json(Claude Code) or IDE MCP settings:

{ "mcpServers": { "neuria": { "type": "sse", "url": "https://api.neuria.tech/mcp" } } }

That's it. No API key needed for core tools.

git clone https://github.com/kosukeuemura0220-del/neuria-agent.git cd neuria-agent pip install -r requirements.txt cp .env.example .env # Fill in API keys for advanced tools (see .env.example) python3 mcp-servers/neuria/server.py

1. Generate a Landing Page with Emotion Tokens

User: "Analyze linear.app and create a SaaS landing page with the same design feel" → NEURIA calls: analyze_reference_url("https://linear.app") Returns: dominant_emotion="innovation", W3C DTCG design tokens, emotion_scores → NEURIA calls: get_emotion_tokens("innovation") Returns: CSS variables (--neuria-bg, --neuria-accent, --neuria-font-*, etc.) → NEURIA calls: get_animation_tokens("innovation", "page_load") Returns: GSAP ease, CSS cubic-bezier, Spring physics params → Claude generates HTML using NEURIA tokens (no hardcoded colors) → NEURIA calls: score_html(generated_html, "innovation") Returns: composite_score=87/100 ✅

User: "I need a trustworthy color palette for a fintech app" → get_color_palette("trust", industry="fintech") Returns: { "background": "#0B1120", "surface": "#131D36", "accent": "#2E7DFF", "text_primary": "#E8ECF4", "text_secondary": "#7A8BAB", "color_scheme": [...5 harmonious colors from The Color API] }

User: "What emotion does Apple's copy convey?" → analyze_brand_voice(url="https://apple.com") Returns: { "dominant_emotion": "innovation", "neuria_emotions": { "innovation": 0.31, "luxury": 0.24, "calm": 0.19, ... } }

┌──────────────────────────────────────────────┐ │ AI Coding Tool │ │ (Claude Code / Cursor / Windsurf) │ └──────────────┬───────────────────────────────┘ │ MCP Protocol (stdio / SSE) ▼ ┌──────────────────────────────────────────────┐ │ NEURIA MCP Server │ │ │ │ ┌─────────┐ ┌──────────┐ ┌──────────────┐ │ │ │ Emotion │ │ Supabase │ │ External │ │ │ │ Token DB │ │ pgvector │ │ APIs │ │ │ │ (6×CSS) │ │ (300+ │ │ │ │ │ │ │ │ sites) │ │ • Firecrawl │ │ │ └─────────┘ └──────────┘ │ • Color API │ │ │ │ • ScreenShot │ │ │ ┌─────────────────────┐ │ • Imagga │ │ │ │ Animation Tokens │ │ • Hume AI │ │ │ │ (6 emotions × │ │ • WAVE │ │ │ │ 4 contexts) │ │ • 3D AI │ │ │ └─────────────────────┘ └──────────────┘ │ └──────────────────────────────────────────────┘

score_htmlevaluates generated HTML across 4 dimensions:

Target: 85+ / 100for production-quality output.

Create a.envfile at the project root (see.env.example):

# Required for core functionality SUPABASE_URL=your_supabase_url SUPABASE_KEY=your_supabase_anon_key NEURIA_API_BASE=your_api_base_url # Required for analyze_reference_url FIRECRAWL_API_KEY=your_firecrawl_key # Required for generate_hero_image THREE_D_AI_STUDIO_KEY=your_3d_ai_key # Required for analyze_visual_design SCREENSHOTONE_API_KEY=your_key IMAGGA_API_KEY=your_key IMAGGA_API_SECRET=your_secret # Required for analyze_brand_voice HUME_API_KEY=your_hume_key # Optional — WAVE accessibility API WAVE_API_KEY=your_wave_key

- Website:https://neuria.tech
- MCP Endpoint:https://api.neuria.tech/mcp
- API Docs:https://api.neuria.tech/docs
- GitHub:https://github.com/kosukeuemura0220-del/neuria-agent

Agent-ready global image CDN that AI agents can install and operate through MCP.