Open Source · MIT License · No API Key Required

Give Any AI Coding Agent
Professional Design Sense

An open-source MCP server that delegates frontend UI tasks to Gemini via Google's official Antigravity CLI. Zero API costs. Beautiful results.

Get Started → View on GitHub

Six Powerful Tools

Everything you need for professional-grade UI improvements

improve_ui

Sends your frontend code to Gemini for a full aesthetic overhaul. Fixes spacing, typography, color contrast, hover states, and accessibility.

analyze_ui

Returns a structured JSON design review with a score (0–100), issues list, and actionable fixes.

create_component

Create a brand-new component or page from a text description. Production-ready, accessible, responsive.

generate_design_tokens

Generates a complete CSS variable system with colors, spacing, typography, shadows, transitions, and z-index.

ask_gemini_design

Free-form design Q&A. Ask Gemini anything about UI/UX — font pairings, color theory, layout patterns.

visual_diff

Generate a side-by-side HTML visual diff report. See before/after changes with improvement scores.

Installation

Zero config. One command. Done.

Claude Code Recommended
claude mcp add ui-aesthetics-mcp -- npx -y ui-aesthetics-mcp
Codex
codex mcp add -- npx -y ui-aesthetics-mcp
Claude Code Skill
ln -s $(pwd)/.claude/skills/ui-aesthetic-improve ~/.claude/skills/ui-aesthetic-improve

Architecture

Claude Code manages. Gemini designs. You ship beautiful UIs.

🤖
Claude Code
Manager
→
🔌
MCP Server
Bridge
→
🚀
agy CLI
Google
→
💎
Gemini 3.5 Flash
Designer