mcp-ui-color-palette

Name: mcp-ui-color-palette
Author: a-ng-d

design MCP Server

A Model Context Protocol (MCP) server built on Cloudflare Workers using the Agents SDK (McpAgent + Durable Objects) that exposes the UI Color Palette API as tools for AI agents and LLMs.

bya-ng-d

Verified

designdesign

6 views3 stars0 forksv1.1.6

View on GitHub

Why This Matters

Discovered via github-topic:mcp-server and last synced 3mo ago.

Verified

Source: github-topic:mcp-server
Stars: 3
Last synced: 3mo ago
Install: Check source

Install

Install instructions not detected yet

Check the source repository for the latest setup steps.

View source instructions

Tools

Resources

Prompts

Standard I/O

Transport

Available Tools (18)

list_published_palettes

Variable

Description

publish_palette

Yes

Tool

Auth

share_published_palette

Yes

extract_dominant_colors

Extract dominant colors from a JPEG/PNG image URL

unshare_published_palette

Yes

get_full_palette

Generate a complete color palette from base and theme configurations

get_published_palette

update_published_palette

Yes

list_my_published_palettes

Yes

unpublish_palette

Yes

generate_colors_from_prompt

Generate a palette from a natural language description via AI

get_palette

Generate a complete color palette from base and theme configurations

API_URL

Base URL of the deployed [api-ui-color-palette](https://github.com/a-ng-d/api-ui-color-palette) worker (without `/v1`)

create_color_harmony

Create color harmonies (complementary, analogous, triadic, tetradic, compound, square)

generate_code

Generate design tokens/code from base + themes (CSS, SCSS, Less, Tailwind v3/v4, SwiftUI, UIKit, Compose, CSV, DTCG, etc.)

get_color_system

Build a semantic color system by resolving taxonomy bindings against a generated palette

Works Well With - Skills

product-design

Design de produto nivel Apple — sistemas visuais, UX flows, acessibilidade, linguagem visual proprietaria, design tokens, prototipagem e handoff. Cobre Figma, design systems, tipografia, cor, espacamento, motion design e principios de design cognitivo.

52 starsHas guide

imagegen

Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, UI mockups, product shots, or transparent-background cutouts. Use when the result should be an image asset rather than repo-native SVG, HTML/CSS, or canvas.

20 starsHas guide

demand-elegance

Challenges hacky fixes on non-trivial changes.

3 starsHas guide

refactoring-ui

Apply UI design principles from Refactoring UI by Adam Wathan & Steve Schoger. Covers visual hierarchy (size, weight, color, spacing), layout systems (spacing scales, grids), typography (type scales, line-height, alignment), color (HSL palettes, shade systems, accessible contrast), depth (shadow elevation, overlap), images (text on images, user content, icons), and finishing touches (accent borders, empty states, fewer borders). Trigger on "UI design", "visual hierarchy", "spacing system", "type scale", "color palette", "shadow", "layout", "design system", "component design", "card design", "form design", "button design", "refactoring UI", "design tokens", "dark mode", "responsive design".

2 stars

Works Well With - Agents

Baoyu Design

Run Claude Design locally as an Agent Skill — Cursor, Claude Code & more. Produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML, without claude.ai/design. Best with Opus or Claude.

4202 stars

Ui Craft

Design engineering skill for AI Agents — build interfaces with craft-level quality

44 stars