Ui Design Patterns

Name: Ui Design Patterns
Rating: 4 (5 reviews)
Author: dirnbauer

MCP Server

by dirnbauer · Added 5mo ago

Claude

Install

git clone https://github.com/dirnbauer/webconsulting-skills

Add to Claude

claude mcp add ui-design-patterns

Quick Setup Config

Copy & paste ready

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

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

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

About

Practical UI design patterns and principles for creating polished, professional interfaces. Based on proven techniques from Refactoring UI and Practical UI. Use when working with ui, design, layout, spacing, typography, color, hierarchy, styling.

Ui Design Patterns

Install

Add to Claude

Quick Setup Config

About

Tags

From Our Store

Claude Code Power User Kit

OpenClaw Business Starter Kit