Ui Optimization

MCP Server

by wcygan · Added 5mo ago

Claude
186

Install

git clone https://github.com/wcygan/dotfiles

Add to Claude

claude mcp add ui-optimization

Quick Setup Config

Copy & paste ready

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

{
  "mcpServers": {
    "ui-optimization": {
      "command": "npx",
      "args": [
        "@modelcontextprotocol/ui-optimization"
      ]
    }
  }
}

Paste into your Claude Desktop config file, then restart Claude.

About

Analyze and optimize UI components for visual design, accessibility, and performance. Use when the user wants to improve existing UI, refine styling, enhance accessibility, or optimize frontend performance. Keywords: optimize UI, improve component, accessibility, responsive design, CSS optimization, visual polish, refine styling

Tags

developmentfrontendperformanceskill

From Our Store

View all →
Claude Code

Claude Code Power User Kit

$39+

Advanced Claude Code skills and configurations

OpenClaw

OpenClaw Business Starter Kit

$59+

Set Up Your AI Assistant in 60 Minutes