Design and UX

18,961 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.

ensemblr-architecture

1345

ensemblr-hq/ensemblr

Plugin Claude Code

Bundles 1 skill · 94 tokens together

Drawing and maintaining the architecture diagram Ensemblr keeps for a workspace: the IR shape, how to derive it from the codebase, and the two control tools that read and store it.

not rated 8 7d ago A tokens not measured original Apache-2.0

html-slides

1346

ontology-of-everything/SemanticSkills

Skill Codex

A workflow for creating a presentation as one self-contained HTML file sized for a 1920×1080 screen. It supports several visual styles and can export to PPTX when requested.

not rated 8 1mo ago A 82 tokens original Apache-2.0

image-to-code

1347

SoftMissT/tudo-sobre-vibe-coding

Skill Claude CodeCodex

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards…

not rated 8 1mo ago A 116 tokens

ripple

1348

qbtrix/ripple-iui

Skill Claude CodeCodex

Write crafted Ripple specs (the {version, state, ui} JSON that Ripple renders as an interactive card) by picking the right widget first, then rendering the spec, auditing it mechanically, looking at its own screenshots at phone and desktop width in light and dark, fixing, and repeating until a round is clean. Use…

not rated 8 changed 11d ago A 117 tokens original MIT

illustrator-mcp

1349

gherardo200-glitch/illustrator-mcp

Skill Claude CodeCodex

Drive a real, already-open Adobe Illustrator document through natural language, creating or editing artboards, layers, shapes, text, and images, vectorizing a raster logo into editable paths, aligning or recoloring objects, and exporting PNG, JPG, SVG, or PDF. Use this skill whenever the user asks to create, draw…

not rated 8 22d ago A 162 tokens original MIT

motion-guide

1350

JarvixGaby/motion-guide-skill

Skill Codex

Use when designing, adding, changing, suggesting, or reviewing UI motion. Motion Guide is a default-trigger motion decision advisor for AI coding agents: it decides whether motion should exist, selects an appropriate functional or expressive pattern, and constrains implementation with timing, easing, accessibility…

not rated 7 3mo ago A 65 tokens original MIT

drawio

1351

akiojin/skills

Skill Claude CodeCodex

Create and edit draw.io diagrams in XML format. Use when the user wants to create flowcharts, architecture diagrams, sequence diagrams, or any visual diagrams. Handles XML structure, styling, fonts (Noto Sans JP), arrows, connectors, and PNG export.

not rated 7 8mo ago A 55 tokens original MIT

xonack/wp-ux-design-claude-skill

Plugin Claude Code

Bundles 1 skill · 59 tokens together

WordPress UX/design enforcement skill covering Core Web Vitals, mobile-first design, typography systems, color management, navigation UX, page builder patterns, and loading/error states.

not rated 7 9mo ago A tokens not measured original MIT

ron-draper

1354

DTM-repo/skills

Plugin Claude Code

Bundles 1 skill · 235 tokens together

Late-stage brand distillation: find the incisive kernel already hiding in a finished product, then build its name, voice, visual identity, and a developer-ready handoff kit around it. You can't be Don. Be Ron.

not rated 7 4mo ago A tokens not measured

brand-guidelines

1355

piaoyinghuang/brand-consistency-ai-skill

Skill Claude CodeCodex

Universal brand guideline engine for producing, reviewing, and suggesting brand-compliant marketing materials for ANY company. Use this skill whenever a task involves brand identity, visual consistency, marketing collateral, or corporate design standards. Triggers include: brand guidelines, brand book, visual…

not rated 7 8mo ago A 201 tokens original MIT

design-psychology

1356

Fh-Ndiritu/design-psychology-skill

Skill Claude CodeCodex

Audit or build any website/UI against research-backed conversion and design-psychology principles (Hick's Law, Von Restorff, Goal Gradient, Peak-End, Fitts's Law, the Aha moment, loss aversion, social proof, feedforward, labor illusion, and 50 more). Use when reviewing a live URL or a local codebase for conversion/UX…

not rated 7 4mo ago A 150 tokens original MIT

input-anticipation

1357

seangeng/skills

Skill Claude CodeCodex

Implement anticipatory UI — interfaces that react to pointer intent before the click. Three patterns: a proximity focus ring that warms as the cursor nears a field, a magnetic target that leans toward the cursor, and trajectory prediction that arms/prefetches the element the cursor is heading toward. Use this skill…

not rated 7 4mo ago A 221 tokens original MIT

adobe-fonts-skill

1358

alexh/adobe-fonts-skill

Skill Claude CodeCodex

Search Adobe Fonts (Typekit) families, create and manage web kits/projects, and return ready-to-use embed snippets plus CSS font-family values. Use when the user asks to find Adobe fonts, compare font options, set up Typekit for a website, add fonts to kits, publish kits, or generate copy/paste font embed metadata for…

not rated 7 8mo ago A 86 tokens original MIT

ui-ux-pro-max

1360

TUAN130294/vibecodekit

Skill Claude Code

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page…

not rated 7 10mo ago B 202 tokens

color-system

1362

yuqizhang1228-blip/AI-color-system

Skill Claude CodeCodex

A brand-based UI colour system covering brand, background, text, and semantic colours, with light and dark modes, accessibility checks, and platform token names.

not rated 7 4mo ago A 136 tokens

pencil-atelier

1364

JesusJimenezC/pencil-atelier

Plugin Claude Code

Bundles 4 skills, 3 agents · 640 tokens together

Library-agnostic design-quality toolkit for Pencil (.pen) files and any companion codebase. Enforces a universal 4px-grid sizing scale, variable-first design tokens, and component extraction at the second repetition - independent of CSS framework. Ships three read-only subagents (pencil-auditor for quality enforcemen.

not rated 7 6mo ago A tokens not measured GPL-3.0

uml-mcp-renderer

1368

icatw/uml-mcp

MCP server Claude CodeCodexCursor +2

MCP server "uml-mcp-renderer" as configured in icatw/uml-mcp. Runs locally from the uml-mcp-renderer Python package.

not rated 7 10mo ago A tokens not measured

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: