Design and UX

Brandfetch/brandfetch-mcp-server

Plugin Cursor

Bundles 1 MCP server

Search brands and pull logos, colors and company data from Brandfetch.

Taste-AI/skills

Plugin Claude Code

Bundles 3 skills, 1 MCP server · 226 tokens together

Find real brand references, extract a brand from a website, a brand guidelines PDF, a marketing piece or a set of photos, and check how closely a page follows a brand.

AlirezaSoltaniJazi/Skillnir

Skill Claude Code

Authors, reviews, generates, fixes, and maintains UML and process diagrams as code (Mermaid first, PlantUML when Mermaid can't express it) for any stack, even with no diagrams yet. Use for ANY diagramming task: UML, activity, sequence, state machine, class, use case, ER, component, deployment, C4, flowchart, process…

alphaparkinc/openclaw-genpark-visual-designer

Skill Claude CodeCodex

OpenClaw GenPark Visual Designer - Golden ratio typography hierarchy scaling, WCAG 2.1 color contrast ratio auditing, and triadic color harmony generation with zero dependencies.

SAP/ui-theme-designer-plugins-for-coding-agents

Skill Claude Code ✓ vendor

Provides customer-facing UI theme designer help from help.sap.com (BTP / Cloud Foundry edition). Use whenever you need to check what is — or is not — documented for customers about UI theme designer: setup, user/role management, themes and theme sets (creating, editing, publishing, transporting, fallback)…

nyldn/claude-dolphin

Command Claude Code

Apply tactical UI improvements using Refactoring UI principles.

Lombiq/Orchard-Core-Agent-Skills

Skill Claude CodeCodex needs its repo

Evidence-first Orchard Core theming skill for shapes, alternates, placement, Razor/Liquid templates, content model access, assets/resources, and recipes. Use for theme adjustments, shape overrides, template discovery, content item/field access, placement.json rules, and recipe authoring in Orchard Core projects.

kogakure/skills

Skill Claude CodeCodex

Apply Edward Tufte's information design principles to create, improve, or critique any chart, graph, infographic, dashboard, table, or data visualization. Use this skill whenever the user wants to design a new chart, graph, or visualization from data; asks how to show data more clearly; wants to review or critique an…

yixiliu617/data-craft

Skill Claude CodeCodex

Generate beautiful themed HTML data displays. Six visual idioms with matched voices, rendered as self-contained HTML files. Use when the user asks for charts, dashboards, reports, tearsheets, briefings, data visualizations, or any data-driven document.

QuasarG/taste-bank

Skill Claude CodeCodex

How to distill a frontend style from an existing project and submit it to the Taste Bank library. Covers the full contribution SOP: identity setup, sampling, packing, desensitization, and CLI submission. Invoke when the user wants to contribute/submit a new style, or distill a project's visual design into a reusable…

patvillarroel/drawio-aws-reference

Skill Claude CodeCodex

Produce AWS architecture diagrams as editable .drawio files using the AWS 2026 shape set (mxgraph.aws4 stencils), with verified stencil names and a validator. Use this whenever an AWS architecture diagram is requested, revised, or reviewed, including when the user only says "draw the architecture", "diagram this"…

bpodhalicz/designer-claude-skills

Skill Claude CodeCodex

Apply design psychology — cognitive biases and behavioral principles — to review UI/UX work and generate ideas, recommendations, and critiques grounded in named principles. Use this skill whenever the user asks for a UX review, design critique, conversion analysis, onboarding/checkout/pricing/paywall feedback, "why…

Lrinvl1203/world-class-web-design-os

Skill Codex

Use for end-to-end website or interface design, redesign, implementation, or major visual polish; orchestrates discovery, references, art direction, systems, build, critique, QA, and release gates.

harshkedia177/design-mode

Plugin Claude Code

Bundles 4 skills · 245 tokens together

Visual Design Mode overlay for annotating, inspecting, and modifying UI elements directly in the browser. Click elements to annotate, hover to inspect box models, and let Claude apply your design feedback to source code.

zhenheco/design-lab

Skill Claude CodeCodex needs its repo

Ein persönliches Design-System mit einer Dateiablage pro Kunde, einer lokalen Weboberfläche und einer lokalen Verbindung, die passende gespeicherte Designinformationen für neue Arbeiten bereitstellt.

eusouomatt/analog-design-standards

Skill Codex

Portable product design standards for creating, reviewing, or refactoring app UI/UX, especially AI-built web apps, dashboards, CRM surfaces, operational workflows, Home screens, AI chat, command surfaces, artifacts, landing pages, and design-system docs. Use when asked to design, build, critique, improve, or set…

Automattic/claude-woocommerce-toolkit

Agent Claude Code

Use this agent when you need expert UX review of WordPress, WooCommerce, or payments-related interfaces, flows, code, or design decisions. This includes reviewing checkout flows, payment gateway integrations, admin UI components, onboarding experiences, error states, form design, and any user-facing feature in the…

deepakkumardewani/color-scheme-mcp

MCP server Claude CodeCodexCursor +2

MCP server "color-scheme-generator" as configured in deepakkumardewani/color-scheme-mcp. Runs locally from the color-scheme-generator npm package.

kailashGN/figma-mcp-toolkit

MCP server Claude CodeCodexCursor +2

MCP server for converting Figma designs to React Native components. Runs locally from the @kailashg101/mcp-figma-to-code npm package.

Dithilli/fontlab-mcp-server

MCP server Claude CodeCodexCursor +2

MCP server "fontlab-mcp-server" as configured in Dithilli/fontlab-mcp-server. Runs locally from the fontlab-mcp-server Python package.

gianpieropuleo/radix-mcp-server

MCP server Claude CodeCodexCursor +2

A Model Context Protocol (MCP) server for Radix UI libraries (Themes, Primitives, Colors), providing AI assistants with access to component source code, installation guides, and design tokens. Runs locally from the @gianpieropuleo/radix-mcp-server npm package. Needs 1 environment variable to run.

0xArtex/excalidraw-mcp

Skill Claude CodeCodex

Create Excalidraw diagrams and render them as PNG images. Use whenever you need to draw, explain complex workflows, visualize UIs/wireframes, or diagram anything.

SuanFishXYY/suanfish-design-system

Skill Claude CodeCodex

A Chinese design system for creating and reviewing web interfaces, with multiple design perspectives working together. It focuses on React and Tailwind-based projects.

gusbavia/pbi-theme

Skill Claude Code

Generate complete Power BI Desktop theme files from brand colors. Creates production-ready JSON themes with branded canvas backgrounds, CSS design tokens, DAX HTML visual examples, and A4 PDF design system documents. Runs standalone or chained with pbi-lifecycle (auto-saves into the client's Global Theme/pbi-theme/…