Design and UX

17,770 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.

suli062777-oss/premium-vector-icon-designer

Skill Claude CodeCodex

Design practical, production-grade editable vector icons and icon systems with clean geometry, strong recognition, scalable SVG structure, and restrained visual polish. Use when the user asks to create, improve, audit, or export app icons, product icons, system icons, feature icons, SVG icons, Figma-ready icons, icon…

not rated 11 3mo ago A 144 tokens original MIT

UIUX-Demo-Design

1034

Aiminnotes/UIUX-Demo-Design

Skill Claude CodeCodex

A design guide for building and reviewing interfaces for business software, such as dashboards, customer-management tools, finance systems, and AI workspaces. It applies a defined visual system with blue-first colours and structured design steps.

not rated 11 3mo ago A 100 tokens

spicylola/beautiful-brand-made-easy-claude-skiill

Skill Claude CodeCodex

This skill turns Claude into your personal brand designer. Through a guided conversation, Claude will ask you everything it needs to know about your brand — your name, personality, colors, fonts, vibe, and more — then generate a complete, beautiful HTML brand kit file you can download and keep forever.

not rated 12 4mo ago A 0 tokens

CamelKing1997/editable-leadership-pptx

Skill Claude CodeCodex

Use when creating or revising a PPT, PowerPoint, presentation deck, leadership deck, or executive progress deck as an editable 16:9 .pptx with repo-backed evidence, minimal text, restrained white-first visuals, and screenshot-based layout QA.

not rated 11 5mo ago A 60 tokens original Apache-2.0

aesthetic-application

1037

alexiseverage/aesthetic-frontend-skills

Skill Claude CodeCodex

Use this skill when you need a complete developer-ready design specification for a named aesthetic: W3C DTCG design tokens, CSS custom properties, cultural marker lists, component-level notes, and accessibility flags. Translates aesthetic understanding into implementable values across all 7 dimensions. Use when the…

not rated 11 yesterday A 118 tokens original MIT

ppt-design-system

1038

att6113/ppt-design-system

Skill Claude CodeCodex

A design system for creating presentations in HTML or PPTX format, with predefined visual styles, layouts, typography rules, and image guidance. PPTX is the editable presentation format used by PowerPoint and similar tools.

not rated 11 4mo ago A 129 tokens original MIT

product-design-board

1039

zlong6943-commits/product-design-board

Skill Claude CodeCodex

A guide for developing high-resolution industrial product design boards and presentation posters. It covers concept development, critique, content selection, visual-reference analysis, image generation, typesetting, and quality checks.

not rated 11 14d ago A 121 tokens

pradaslides

1040

prodigeproject/pradaslides

Skill Claude CodeCodex

Create, redesign, critique, or plan audience-ready presentations and PowerPoint decks from a short prompt or source material. Use for portfolios, work/result reviews, proposals, sales decks, investor pitches, strategy or decision decks, research and technical talks, lessons, keynotes, reports, product launches, and…

not rated 11 1mo ago A 146 tokens original MIT

skeuomorphic-ui

1042

Saurabh-2607/Skills

Skill Claude CodeCodex

Build dark skeuomorphic UI components (knobs, sliders, inset controls, raised shells) with top-lighting, layered shadows, tactile depth, and animation-ready interaction patterns. Trigger this skill when the user asks for skeuomorphic components, neumorphic dark controls, rotary dials, or realistic hardware-like UI.

not rated 11 10d ago A 69 tokens

redesign-codex-ui

1043

opcspace/CodexUI

Skill Codex

Redesign and locally modify an existing Codex desktop or web interface from reference images, a user persona, a celebrity, idol, actor, musician, fictional character or original IP theme, a visual style, or a combination of these inputs. Use when Codex needs to inspect a local Codex installation or source checkout…

not rated 11 1mo ago A 146 tokens original MIT

sandian

1044

sandian1016/design-review-skill

Skill Claude CodeCodex

Compare a UI design screenshot with an implementation screenshot locally in the Sandian browser app. Use when a designer needs visible-difference review, annotated implementation screenshots, severity-filtered repair checklists, or JSON issue groups. Keep images on the local device; use the tool as visual-review…

not rated 11 1mo ago A 71 tokens

openui

1045

IamJimtheFish/openui

Skill Claude CodeCodex

Use OpenUI when the task is to create a landing page, homepage, marketing page, hero page, design concept page, or multiple landing-page variants. First ensure repo-root AGENTS.md contains the OpenUI workflow guidance, then create the repo-root design.md file with fully resolved inputs and a filled version of the…

not rated 11 4mo ago A 93 tokens

sergekostenchuk/ui-pattern-source-orchestrator

Skill Claude CodeCodex

Recommend UI pattern sources, component registries, visual references, and motion/runtime options for UI/UX projects with stack compatibility, freshness labels, no-copy boundaries, evidence manifests, and handoffs to design, build, critic, and progress-dashboard skills. Use when a user asks what UI libraries…

not rated 11 2mo ago A 94 tokens original Apache-2.0

a2ui-author

1047

danielwpz/lark-a2ui-renderer

Skill Claude CodeCodex

Generate, validate, and interpret static A2UI v0.8 JSON for interactive UI surfaces. Use when an agent needs to call publisha2ui, author A2UI messages, check whether generated A2UI JSON is valid, or handle normalized userAction replies from interactive UI callbacks.

not rated 11 4mo ago A 64 tokens copy · 100% MIT

ui

1048

romkey/I2C-Directory

Cursor rule Cursor

Apply these rules to any HTML/template/CSS Cursor writes for this project. The system uses Bootstrap 5.3 with data-bs-theme="dark" and a custom refresh.css that defines the component classes referenced below.

not rated 11 2d ago A 2,175 tokens original MIT

a11y-handoff

1049

saralobo/rules-accessibility-handoff

Command Claude Code

Create an accessibility hand-off annotation in Figma. Analyzes a screen, generates structured JSON with targetBounds, executes the build script, and verifies with 18 strict checks.

not rated 11 6mo ago A 36 tokens

comprehensive-ui-guide

1050

HeeGyeong/ComposeSample

Cursor rule Cursor

Cursor rule "comprehensive-ui-guide" from HeeGyeong/ComposeSample, covering comprehensive ui system guide, business logic separation, ❌ incorrect pattern, ✅ correct pattern and viewmodel organization rules.

not rated 11 2d ago A 0 tokens original MIT

claude-design-style

1051

catyiqian/claude-design-style

Skill Claude CodeCodex

Apply Anthropic/Claude's official visual design language to any creative output. Use this skill whenever the user asks to create content 'in Claude style', 'Anthropic style', 'Claude aesthetic', or wants a design that matches Claude's brand identity. This includes: web pages, landing pages, HTML artifacts, React…

not rated 11 5mo ago A 177 tokens

figma-mcp-full-server

1052

Echoxiawan/figma-mcp-full-server

MCP server Claude CodeCodexCursor +2

A Model Context Protocol (MCP) server for Figma API integration with Claude Desktop. Extract images, styles, SVG data, and design elements from Figma files. Runs locally from the figma-mcp-full-server npm package.

not rated 11 1y ago A tokens not measured original MIT

ui-styles

1053

chrzamz/ui-styles-skill

Skill Claude CodeCodex

An offline library of 79 UI style families, with prompts in Chinese and English. It covers styles such as glassmorphism, vaporwave, bento grids, and minimalism.

not rated 11 +1 1mo ago A 114 tokens

shuai-cover-resize

1054

qizong007/shuai-cover-resize

Skill Codex

An image-resizing tool that rebuilds one cover image for different shapes and platforms while preserving its text, subject, key objects, and visual style.

not rated 11 +1 16d ago A SkillSpector: pass 139 tokens original MIT

lucid-ui

1055

Deepractice/UIX

Skill Claude CodeCodex

Professional UI design system that replaces generic AI aesthetics (purple gradients, neon colors) with intentional, distinctive design. Use this skill whenever generating frontend UI, web pages, landing pages, dashboards, or any visual interface. Provides concrete color palettes, typography rules, spacing systems, and…

not rated 11 +1 6mo ago A 76 tokens original MIT

design-md-generator

1056

jasonhnd/design-md-generator

Skill Claude CodeCodex

Generate publication-quality DESIGN.md v2 files from any website URL. Analyzes CSS, typography, colors, components, layout, content, accessibility, state patterns, and iconography to produce a 17-section design system reference that AI agents can use to reproduce the website's visual style. Use when the user wants to…

not rated 11 4mo ago C 90 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: