Design and UX

17,795 mods in this category, of every kind an agent can take. Each one carries what it costs per session, what the scan found, and whether it is the original.

pedra-mcp

2089

pedra-ai/pedra-mcp

MCP server Claude CodeCodexCursor +2

AI real-estate photo editing via the Pedra API: virtual staging, renovation, enhancement, video. Runs locally from the @pedra-ai/mcp npm package. Needs 1 environment variable to run.

not rated 1 2mo ago A tokens not measured original MIT

review-html-artifacts

2090

philmingdao/anno

Skill Codex

Preview, edit, annotate, and generate final local HTML artifacts through Anno. Use when a user asks to open an .html/.htm file for visual review, directly edit page text, mark formatting or layout changes, continue an existing review session, or turn completed browser edits and annotations into a final standalone HTML…

not rated 1 22d ago A 71 tokens original MIT

iconify

2091

pipeworx-io/mcp-iconify

MCP server Claude CodeCodexCursor +2

Iconify MCP — wraps the Iconify public API (free, no auth). Remote server at gateway.pipeworx.io.

not rated 1 today A tokens not measured original MIT

napkin

2092

sshwarts/napkin

MCP server Claude CodeCodexCursor +2

Shared visual canvas (Excalidraw) for collaborative whiteboarding between AI agents and humans. Runs locally from the napkin-mcp npm package. Needs 1 environment variable to run.

not rated 1 4mo ago A tokens not measured original MIT

symbols

2093

symbo-ls/symbols-mcp

Skill Claude CodeCodex

Symbols platform + DOMQL v3.14 framework skill. Use when working in a Symbols project (a directory tree containing symbols.json), writing or editing DOMQL components/pages/design-system tokens, using the smbls CLI (start, build, push, publish), converting React/HTML to DOMQL, or auditing frankability. Routes all…

not rated 1 yesterday A 82 tokens

tactual

2094

tactual-dev/tactual

MCP server Claude CodeCodexCursor +2

Screen-reader navigation cost analyzer. Scores AT user effort to find, reach, and operate content. Runs locally from the tactual npm package.

not rated 1 2mo ago A tokens not measured copy · 86% Apache-2.0

mcp-server

2095

temway/mcp-server

MCP server Claude CodeCodexCursor +2

Visual email & layout builder that turns AI assistants into a Temway authoring studio. Remote server at mcp.temway.com.

not rated 1 2mo ago A tokens not measured original MIT

jinero

2096

jinero-online/jinero-mcp

MCP server Claude CodeCodexCursor +2

AI-agent design tools: fonts, font recognition, palettes, color naming, contrast, code, SVG, CSS. Remote server at jinero.online.

not rated 1 24d ago A tokens not measured original MIT

vectorize

2097

svgnew/mcp

Skill Claude CodeCodex

Convert a raster image to a clean SVG vector using svg.new.

not rated 1 5mo ago A 15 tokens

Eason-Gao3/google-trends-mcp

Skill Claude Code

Use this skill to generate well-branded interfaces and assets for Google Trends MCP — the AI-first Google Trends SaaS — either for production or throwaway prototypes/mocks/decks. Contains essential design guidelines, colors, type, fonts, brand assets, and UI kit components (marketing, dashboard, docs) for prototyping.

not rated 1 3mo ago A 72 tokens

composer_kit_mcp

2100

celo-org/composer-kit-mcp

MCP server Claude CodeCodexCursor +2

A Model Context Protocol (MCP) server for Composer Kit UI components and Celo Composer project creation. Runs locally from the composer_kit_mcp Python package.

not rated 1 5d ago A tokens not measured original MIT

centia-map-styling

2103

centia-io/mcp-server

Skill Claude CodeCodex

Map view configuration and layer cartography for Centia BaaS, including per-schema map center/zoom/extent, layers, classes, styles, and labels, MapServer-backed rendering, id round-trip rules, and payload value conventions.

not rated 1 2d ago A 55 tokens

web-typography

2104

simongonzalezdc/web-typography-skill

Skill Claude CodeCodex

Expert front-end web typography — apply this whenever you are styling text on the web or making type decisions in HTML/CSS/JSX/Tailwind. Use it to choose and pair fonts, build a type scale, set body copy and headings, tune fluid/responsive type with clamp(), fix line-height, rhythm, measure and heading wraps, improve…

not rated 1 12d ago A 156 tokens original Apache-2.0

extract-design-tokens

2105

humbleteam/extract-design-tokens

Skill Claude CodeCodex

Extracts a design-token set - palette, type, spacing, radii, shadows, motion - from a live URL, screenshots, or a CSS file, into CSS custom properties plus a W3C Design Tokens JSON file. Trigger on "extract design tokens from this site", "pull the tokens from this screenshot", "turn this CSS into tokens", "build a…

not rated 1 changed 3d ago A 106 tokens original MIT

MarkAsir/design-plan-skill

Skill Codex

Run a bounded audit-remediation-audit loop for an authorized design set or implementation plan, whether produced as plain documents, OpenSpec artifacts, Superpowers plans, or equivalent formats. Use when one invocation should select DESIGN READY or PLAN READY, normalize artifact roles, apply risk-proportionate review…

not rated 1 14d ago A 96 tokens original MIT

ux-audit

2107

vikast908/agent-repo-card

Skill Claude Code

Use when the user wants a UX / UI / interaction-design review or redesign of an app, dashboard, editor, canvas, AI/agentic product, web app, or mobile app — including microinteractions, motion, loading, error recovery, empty states, accessibility, perceived performance, and AI trust/observability. Triggers on "audit…

not rated 1 3mo ago A 99 tokens original MIT

accessibility-audit

2108

humbleteam/accessibility-audit

Skill Claude CodeCodex

Runs a WCAG 2.2 accessibility audit of a screenshot, URL, or HTML/JSX and reports findings by severity (P0 blocks use, P1 degrades use, P2 friction), each with a success-criterion citation. Use for "check accessibility", "run an a11y audit", "is this WCAG compliant", "is this accessible", or "audit contrast and…

not rated 2 changed today A 114 tokens original MIT

angular-material

2109

sefatanam/ng-skills

Skill Claude CodeCodex

Build, customize, and theme Angular Material + CDK UIs the modern way — signal primitives (input()/output()/model()/computed), native control flow (@if/@for/@switch), standalone + OnPush + zoneless. Use when adding/using any Material component, building custom widgets from CDK primitives, overriding the Material…

not rated 1 1mo ago A 104 tokens original MIT

devourer

2110

LoserLab/devourer

Skill Claude CodeCodex

Component Theme Generator that transforms color palettes into production-ready UI components. Use when the user requests themed components (buttons, cards, inputs, forms, etc.) based on a color system or palette, especially when consuming output from Hexed or other color generation tools. Generates complete component…

not rated 1 5mo ago A 82 tokens original MIT

design-qa

2111

humbleteam/design-qa

Skill Claude CodeCodex

Runs a pre-ship design QA gate on a screenshot, URL, or PR HTML/CSS - checks states, WCAG 2.2 contrast, touch targets, breakpoints, and keyboard paths, then returns a pass/fail table and fix list. Trigger phrases - "QA this screen", "is this ready to ship", "check this PR for accessibility issues", "audit before…

not rated 1 changed yesterday A 102 tokens original MIT

straightedge

2112

iamAlvinV/straightedge

Skill Claude CodeCodex

Design execution engine. Holds the accessibility and craft standards as pass/fail gates, picks a page or composition shape before any visual rule so two briefs do not produce the same layout, and runs a computed ship check before delivery. Use this skill for ANY design or build task in any medium: poster, flyer…

not rated 1 1mo ago A 202 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: