Skip to main content
Glama
deenesjakoptruzh
Pedro21062014

ui-polish-mcp

by Pedro21062014
OverviewSchemaRelated ServersScoreDiscussions
TypeScript
Local

ui-polish-mcp

MCP-Server, mit dem KI-Agenten UIs erstellen können, die nicht wie von KI generiert aussehen.

Erkennt und korrigiert die häufigsten Fingerprints generierter UI: generische Paletten, gleichmäßige Abstände, kontextlose Copy, übermäßige Animationen und fehlende Barrierefreiheit.

Verfügbare Tools

Tool

Was es tut

audit_component

Analysiert JSX und liefert einen Score von 0–100 plus eine Liste von Issues mit Fixes

refine_copy

Wandelt "Submit" / "Click here" in kontextuelle Copy um

suggest_placeholder

Erzeugt echte Platzhalter anstelle von "Enter your..."

suggest_theme

Schlägt ein Theme-Preset basierend auf dem App-Typ vor

get_theme

Gibt vollständige Tokens eines Presets zurück (Farben, Schriften, Radien, Schatten)

list_presets

Listet die 5 verfügbaren Presets auf

check_contrast

Validiert den WCAG-AA/AAA-Kontrast zwischen zwei Hexadezimalwerten

audit_color_pairs

Auditiert mehrere Farbpaare auf einmal

Related MCP server: v0-mcp-ts

Theme-Presets

Preset

Wofür

studio

SaaS, Produktivität, Dev-Tools (Linear/Vercel-Ästhetik)

craft

Blogs, Portfolios, Kreativagenturen (handwerkliches Editorial)

data

Dashboards, Analytics, DevOps (dichter Dark Mode)

flow

CRMs, Onboarding, B2B-Apps (konversationales SaaS)

brutal

Disruptive Landingpages, Startups (Neobrutalismus)

Installation

git clone https://github.com/Pedro21062014/ui-polish-mcp
cd ui-polish-mcp
npm install
npm run build

Konfiguration in Claude Desktop

Füge zu claude_desktop_config.json hinzu:

{
  "mcpServers": {
    "ui-polish": {
      "command": "node",
      "args": ["/caminho/absoluto/ui-polish-mcp/dist/index.js"]
    }
  }
}

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%\Claude\claude_desktop_config.json

Konfiguration in Cursor

Erstelle .cursor/mcp.json im Projektstamm:

{
  "mcpServers": {
    "ui-polish": {
      "command": "node",
      "args": ["/caminho/absoluto/ui-polish-mcp/dist/index.js"]
    }
  }
}

Verwendung durch den Agenten (empfohlener Ablauf)

1. suggest_theme(appType, industry, mood)
   → escolhe o preset certo

2. get_theme(preset)
   → pega os tokens e aplica no app

3. [agente cria os componentes]

4. audit_component(jsx)
   → verifica cada componente antes de entregar

5. refine_copy(text, { action, noun })
   → melhora todos os textos de botões/labels

6. audit_color_pairs(pairs)
   → valida acessibilidade da paleta inteira

Beispiel für die Ausgabe — audit_component

## Audit Result
Score: 52/100 | Grade: D
Summary: Fraco — múltiplos padrões de IA detectados. Revisão necessária.

### Issues (4)
1. [HIGH] color
- Problema: Paleta genérica: text-blue-500, bg-gray-100, text-gray-600
- Fix: Substitua por tokens customizados. Ex: text-[#1A1917], bg-[#FAFAF9]

2. [MEDIUM] spacing
- Problema: p-4 repetido 6x — espaçamento monótono sem hierarquia
- Fix: Varie: p-3 em elementos menores, p-6 em seções, p-10 em containers.

3. [HIGH] copy
- Problema: Copy genérico: "Submit", placeholder genérico
- Fix: Use verbos contextuais. Ex: "Salvar projeto", placeholder="Ex: pedro@empresa.com"

4. [HIGH] accessibility
- Problema: Botão com ícone sem aria-label
- Fix: <button aria-label="Fechar modal">

Entwicklung

npm run dev    # roda com tsx (sem build)
npm run build  # compila para dist/
Install Server
F
license - not found
A
quality
C
maintenance

How are these scores calculated?

Maintenance

–Maintainers
–Response time
–Release cycle
–Releases (12mo)
Commit activity

Resources

Unclaimed servers have limited discoverability.

Looking for Admin?

If you are the server author, to access and configure the admin panel.

Tools

Related MCP Servers

  • v0-mcp-ts

    Conce-AI
    A
    license
    Not graded
    quality
    D
    maintenance
    MCP server that bridges design and code by generating UI components, layouts, and themes from text prompts using v0.dev, with features like code refactoring and accessibility auditing.
    17
    1
    MIT

  • stitch-bridge

    jlhernando
    F
    license
    A
    quality
    D
    maintenance
    MCP 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.
    9

View all related MCP servers

Related MCP Connectors

  • Figma MCP Server

    The Figma MCP server brings Figma design context directly into your AI workflow.

  • microservices.sh

    MCP server for AI agents to plan, verify, and deploy Cloudflare-native apps.

  • mcp-flux-pro

    MCP server for Flux AI image generation

View all MCP Connectors

Latest Blog Posts

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/Pedro21062014/ui-polish-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server