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.

interactive-slides

889

sylvial928/interactive-slides

Skill Claude CodeCodex

Creates interactive, animated web presentations viewable in any browser — not PowerPoint files. Use this skill when the user wants a web-based or browser-viewable presentation, an interactive slide deck, or something more engaging than a static slide file. Perfect for pitches, proposals, data stories, reports, and…

not rated 18 6mo ago A 177 tokens original MIT

devPnal/design-system-is-all-you-need

Skill Claude CodeCodex

This skill provides a curated set of cross-platform design guideline prompts for building consistent, high-quality UIs. Each guideline defines common rules, component-specific guides, and an auto-derived token system — all driven by minimal user inputs.

not rated 18 6mo ago A 53 tokens original MIT

ship-it

891

LunkiBR/ship-it

Skill Claude CodeCodex

Use this skill whenever building, reviewing, or auditing any product surface — a mobile app screen, a web app (in-product) screen, a marketing website page, or a cross-screen interaction flow — especially right before calling it done or shipping it. Start here to identify which section (mobile app, web app, website…

not rated 18 1mo ago A 159 tokens original MIT

frontend-10x-system

892

Kevin-Liu-01/Loop

Cursor rule Cursor

High-signal frontend art direction, system design, and anti-generic guardrails.

not rated 18 1mo ago A 790 tokens original MIT

interface-design

893

samirpatil2000/skills

Skill Claude CodeCodex

Build crafted, intentional UI for dashboards, admin panels, SaaS apps, tools, settings pages, and data interfaces. Use when building an interactive product — NOT marketing pages, landing pages, or campaigns (redirect those to frontend-design). Triggers on: dashboard, admin panel, app UI, settings page, data table…

not rated 18 4d ago A 81 tokens

zaidmukaddam/skills

Skill Claude CodeCodex

Apply design engineer judgment, the role that owns the shipped result rather than a handoff: decide the intent before the pixels, name the defaults you are rejecting, build hierarchy from space and weight before size, treat copy and accessibility as part of the interface, ask whether something should animate before…

not rated 18 17d ago A SkillSpector: warn 197 tokens original MIT

argos-cli

895

argos-ci/argos-javascript

Skill Claude CodeCodex

Operate Argos visual testing from the terminal with the argos CLI — inspect builds and snapshot diffs, submit reviews, request reviewers, post comments, inspect a test's flakiness and its recurring changes, ignore flaky test changes, configure a project and its contributors, manage a team's members, invites and email…

not rated 18 today A Socket: passSnyk: failSkillSpector: warn 143 tokens original MIT

ux-audit

896

EliaAlberti/ux-audit-skill

Skill Claude CodeCodex

Run a heuristic UX audit of a customer journey from screenshots. Use when the user asks for a UX audit, heuristic evaluation, usability review, design teardown, or expert review of screens, mockups, or a flow, whether your own product or a competitor's. Evaluates against named frameworks (Nielsen, Shneiderman…

not rated 18 3mo ago A 160 tokens original MIT

unslop

897

aahil62/unslop

Plugin Claude Code

Bundles 3 skills · 233 tokens together

Rescue ugly vibe-coded React + Tailwind sites: audit the AI-slop, interview for taste, synthesize a custom design lane, and systematically re-theme with verification.

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

apple-design-web

898

s1gmamale1/apple-design-skills

Skill Claude CodeCodex

Use when building an apple.com-style marketing/product page — the landing-page formula (sticky translucent nav, product-as-hero, full-bleed feature sections, bento grids, fat footer), scroll-driven storytelling, plus the interaction inventory that makes a flagship page feel ALIVE (continuous damped scroll-progress…

not rated 18 +4 3mo ago A 210 tokens

impeccable

899

wrg32786/aigent-os

Skill Claude Code

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. Call with 'craft' for…

not rated 18 today A SkillSpector: pass 90 tokens original MIT

dense-ui-metrics

900

HarKro753/claude-copy

Skill Claude Code

Mathematical spacing, sizing, weight, line-height, letter-spacing, radius, and padding rules for "productive" SaaS interfaces, across density regimes: Dense (Linear / Doppler / Raycast / Vercel), Comfortable/roomier (Cal.com style), and anything in between. Use this whenever you are building OR refining any such UI …

not rated 17 1mo ago A 229 tokens original MIT

image-production

902

danielrosehill/Claude-Image-Production-Plugin

Plugin Claude Code

Bundles 29 skills, 19 commands · 1,973 tokens together

Claude Code plugin for image editing, batch operations, format conversion, and filesystem organisation of image libraries — bucket by resolution, aspect ratio, orientation, format, EXIF capture time, camera, and dedupe duplicates / near-duplicates.

not rated 17 +1 25d ago A tokens not measured copy · 77% MIT

designer

903

ulises-jeremias/agent-toolkit

Cursor rule Cursor

Cursor rule "designer" from ulises-jeremias/agent-toolkit, covering designer, when invoked, design routing — canonical (do not run mechanically), figma subtree and delegate to skills.

not rated 17 +1 today A 2,465 tokens original MIT

interaction-design

904

rastian/interaction-design-skills

Skill Claude CodeCodex

Apply interaction design (IxD) principles and frameworks to product and service design work. Use this skill when designing or evaluating interaction flows, micro-interactions, feedback mechanisms, affordances, mental models, component states, response time, animation and transitions, error recovery, input validation…

not rated 17 +1 12d ago A 174 tokens

open-pencil

905

open-pencil/skills

Skill Claude CodeCodex

Work with Figma .fig design files and the running OpenPencil editor — inspect structure, query nodes, analyze design tokens, export PNG/SVG/PDF/JSX, and modify designs programmatically. Use when asked to open, inspect, export, analyze, or edit .fig files, or to control the running OpenPencil app.

not rated 16 +1 3mo ago A Socket: passSnyk: pass 73 tokens original MIT

diagram-creator

906

ferdinandobons/diagram-creator-skill

Skill Claude CodeCodex

Generate beautiful, production-ready architecture diagrams as self-contained HTML files from any input. Use this skill whenever the user wants to create a diagram, schema, flowchart, network diagram, system visualization, timeline, org chart, or any visual representation of concepts — technical or non-technical.…

not rated 16 6mo ago A 191 tokens original MIT

NonicaTeam/AI-Connector-for-Revit

MCP server Claude CodeCodexCursor +2

MCP server "ai-connector-for-revit" as configured in NonicaTeam/AI-Connector-for-Revit. Launched with https://github.com/NonicaTeam/AI-Connector-for-Revit/releases/download/MCPB/noni.

not rated 16 2mo ago A tokens not measured

ux-designer

911

thedotmack/mackeroni-skills

Skill Claude CodeCodex

@thedotmack's personal landing page design system. Use this skill whenever building landing pages, marketing sites, product pages, or conversion-focused web experiences. Covers visual hierarchy, UX patterns, marketing copy, messaging strategy, and conversion optimization based on proven preferences and successful…

not rated 16 4mo ago A 0 tokens

rhino-grasshopper-mcp

912

dongwoosuk/rhino-grasshopper-mcp

MCP server Claude CodeCodexCursor +2

MCP server "rhino-grasshopper-mcp" as configured in dongwoosuk/rhino-grasshopper-mcp. Runs locally from the rhino-grasshopper-mcp Python package.

not rated 16 3mo ago A tokens not measured 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: