Design and UX

kelvinchng/origin-ui-mcp

MCP server Claude CodeCodexCursor +2

MCP server "origin-ui-mcp" as configured in kelvinchng/origin-ui-mcp. Runs locally from the origin-ui-mcp npm package.

mrgoonie/decor-cli

Skill Claude CodeCodex

Use decor-cli to decorate screenshots, images, and videos with backgrounds, gradients, templates, annotations, arrows, shapes, counters, and spotlight effects from CLI or MCP.

K1ta141k/mcp-bench-router

MCP server Claude CodeCodexCursor +2

Routes design tasks to designarena.ai's top-ranked model via OpenRouter across 14 categories. Runs locally from the mcp-bench-router npm package. Needs 1 environment variable to run.

hueflowstudio/hueflow-sketchup-mcp

MCP server Claude CodeCodexCursor +2

A local connector that lets Claude, Cursor, and Gemini work with SketchUp, a 3D design program. It runs from a Python package and supports SketchUp 2024–2026.

smicolon/ai-kit

Agent Claude Code

System architect specialist supporting native Mermaid.js and Eraser.io diagram-as-code. Creates ERDs, flowcharts, system architecture, sequence diagrams, class diagrams, cloud diagrams, and BPMN/swimlane diagrams using text-based syntax.

rgourley/financial-ui-suite

Plugin Claude Code

Bundles 2 skills · 198 tokens together

Production-grade financial UI design skills for Claude Code. Two composable layers: financial-ui-patterns (correctness — tabular nums, semantic tokens, tick flash, accessibility, charts) and financial-ui-styles (aesthetic — 14 distinct visual systems: Bloomberg terminal, TradingView, Robinhood, Coinbase, Financial…

juanlara-aidev/macos-26-design

Skill Claude Code

Bundle del design system macOS 26 (era Liquid Glass) basado en Apple Design Resources oficiales. Provee tokens (SF Pro + paleta sistema + materiales Liquid Glass + radii 26pt window + spacing 4/8/12/16/22/24/28 + motion curves + shadows), 53 specimens HTML por foundation/control/superficie, 4 wallpapers, mapa SF…

succtorlin/fantastic-ui

Skill Claude CodeCodex

Design and build instrument-grade marketing pages and in-product surfaces (app pages, dashboards, panels, and subpanels) that feel like the product, not a template. When the look is not decided yet, it renders the two or three best-fitting directions as sample pages to choose from before building. Use for landing…

mhrsdev/AI-Agent-Skills-Library

Skill Claude CodeCodex

Audit designs against 19 rules across Figma files and code (HTML/CSS/React/Vue/Tailwind). Auto-detects framework and design system (MUI, Chakra, shadcn/ui, Ant Design, Radix, Bootstrap). Runs code superpowers across all 19 categories: aria, focus, contrast, tokens, responsive, motion, forms, navigation, spacing…

iannuttall/skills

Skill Claude CodeCodex

Reconstruct a geometric PNG (logo, icon, monogram) as a clean native SVG with exact geometry and gradients, using an analyse -> measure -> model -> check -> residuals iteration loop scored by perceptual metrics. Use when asked to vectorise, trace or convert a PNG/WebP logo to SVG, recreate a logo's geometry, rebuild a…

sodam-ai/SoDam-Design-Kit

Plugin Claude Code

Bundles 1 skill, 5 commands, 1 hook · 251 tokens together

A Claude Code design toolkit that turns Figma designs into shadcn/ui code. It checks the result in a real browser with Playwright and axe-core at three screen sizes.

samsebeingener/visbug-mcp-ru

Cursor rule Cursor

A set of rules for applying changes from a VisBug buffer, which is a temporary list of visual edits. The rules describe how to calculate movement changes and preserve edit identifiers in the original HTML.

victusfate/scaffold

Skill Claude CodeCodex

Generate or update a mermaid diagram with the .mmd text as source of truth — defaults to a lightweight zero-dependency Node live-preview server that watches the .mmd and hot-reloads a browser tab (pan/zoom), with a self-hosted mermaid.live editor via Docker, system-viewer SVG, VS Code live preview, or a public…

EnzoChen0618/ios-design-swiftui

Skill Claude CodeCodex

Apple ecosystem experience architect skill for SwiftUI development. Invoke this skill whenever the user wants to build, design, review, or polish ANY iOS/iPadOS/macOS interface using SwiftUI — even if they just say "make a screen", "write a SwiftUI view", "help with my app UI", "build an iOS feature", or name any app…

lxhcool/niceui

Skill Codex

A user-interface design guide that starts with the user's task, the product, its content, and available visual references.

altock/ux-webapp

Plugin Claude Code

Bundles 1 skill · 36 tokens together

Professional UX tooling for web applications. Provides structured workflows for usability audits, accessibility reviews, design specs, and user testing using Nielsen's heuristics and WCAG 2.2 AA standards.

AmroJSawan/figma-design-system-skill

Skill Claude Code

Use this skill for ANY Figma design work executed via the Figma MCP Console plugin — including creating new design systems AND auditing, evaluating, and modernizing existing ones. Triggers: "create design tokens", "build a component", "set up a design system", "add variables to Figma", "build token foundation"…

kks3800/Unreal_MCP

Agent Claude Code

Expert in Unreal MCP widget creation. Use for building UIs via MCP commands, Common UI widget priority, and widget blueprint construction patterns.

agentic-ph/icon-mcp

MCP server Claude CodeCodexCursor +2

A unified icons MCP server - provides search capabilities across multiple icon libraries with fuzzy search, npm package integration, and comprehensive icon discovery. Runs locally from the icon-mcp npm package.

katlis/layout-detector-mcp

MCP server Claude CodeCodexCursor +2

MCP server "layout-detector-mcp" as configured in katlis/layout-detector-mcp. Runs locally from the layout-detector-mcp Python package.

jinkeda/Illustrator_MCP

MCP server Claude CodeCodexCursor +2

MCP server "illustrator-mcp" as configured in jinkeda/IllustratorMCP. Runs locally from the illustrator-mcp Python package.

codexthemes/skills

Skill Codex

Create, redesign, validate, preview, package, and prepare cohesive themes for the official Codex desktop app from a visual brief or reference image. Use when a user asks for a new Codex theme, wants to preserve or adapt the native Codex layout, wants artwork on the home or conversation page, reports inconsistent…

Ideelab/uisandbox

Plugin Claude Code

Bundles 1 skill, 1 MCP server · 155 tokens together

Play with your app's design, right in the browser: open a built web app in UISandbox, 1:1 and with its own knobs, from the chat; try a change, verify, export the patch. Bundles the /uisandbox skill and the uisandbox MCP server.

felixAnhalt/figma-to-code-mcp

MCP server Claude CodeCodexCursor +2

LLM-optimized Figma MCP server. Runs locally from the @tmegit/figma-to-code-mcp npm package. Needs 1 environment variable to run.