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.

Core-Mate/Pixel-Perfect-Web-Replica

Skill Codex

Recreate public frontend pages locally with high visual fidelity. Use when the user asks Codex or Claude Code to pixel-perfect clone, mirror, study, sandbox, reproduce, or locally run a public website/page; capture its static assets; preserve layout, scroll animations, media, typography, and interactions; compare…

not rated 14 6mo ago A 81 tokens original MIT

elix-scroll-3d

1058

ElixIsmael/elix-scroll-3d

Skill Claude CodeCodex

Build scroll-driven 3D web experiences that stay fast, indexable, and genuinely usable on mid-range phones. Use when the work involves scroll animation, parallax 3D effects, a Three.js scene, a GLTF or GLB model on a page, scrollytelling, a product page with 3D rotation, an animated hero, interface cards floating in…

not rated 14 changed 15d ago A 155 tokens original MIT

figma-edit

1059

neozhehan/figma-edit-mcp

Skill Claude CodeCodex

Use when reading or editing a Figma file through the figma-edit-mcp server — inspecting nodes; creating or modifying shapes, frames, text, styles, variables, components, instances, annotations, or prototype reactions; and recovering from the server's structured errors. Explains the plugin's hard constraints (scope…

not rated 14 18d ago A 82 tokens original MIT

ux-audit

1060

narenkatakam/ux-audit

Skill Claude CodeCodex

Production-grade UX audit and design guidance skill. Transforms vague design feedback into actionable, implementable recommendations. Two modes: guide (principles + do/don't rules for modern interfaces) and review (structured audit with prioritized fixes). Covers task-first UX, information architecture, CRAP visual…

not rated 14 +1 6mo ago A 117 tokens original Apache-2.0

agent-ready

1061

Owl-Listener/agent-ready

Skill Claude CodeCodex

Assess a Figma file's agent readiness before generating code or modifying designs. Use when reading design context from Figma via MCP, generating code from Figma components, creating or updating components in a Figma file, or when code output quality seems poor and the cause may be file quality. Triggers on: Figma…

not rated 14 +1 5mo ago A 90 tokens

Deibler/universal-design-principles

Plugin Claude Code

Bundles 17 skills · 1,657 tokens together

Framework-agnostic design principles for aesthetics, perceived quality, brand personality, and emotional response. Covers Aesthetic-Usability Effect, Archetypes, Form Follows Function, Wabi-Sabi, Exposure Effect, and Immersion. Drawn from the aesthetic and emotion-related entries of 'Universal Principles of Design'…

not rated 14 +2 6mo ago A tokens not measured

phonebook

1064

stag-build/phonebook

MCP server Claude CodeCodexCursor +2

Self-hosted gallery of your SwiftUI #Preview and Jetpack Compose @Preview screens. Runs locally from the @stag-build/phonebook npm package.

not rated 14 +1 16d ago A tokens not measured original MIT

design-pipeline

1065

2233admin/design-pipeline

Skill Claude CodeCodex

Design and visual workflow guidance for tasks involving graphics, images, typography, layout, frontend UI, rendering, animation, reference studies, design reviews, motion websites, product films, and edits. Use this skill to choose the relevant method or tool while preserving the user's project workflow and acceptance…

not rated 14 +1 changed yesterday A SkillSpector: pass 62 tokens original MIT

plantuml

1067

friedbotstudio/baseline

MCP server Claude CodeCodexCursor +2

One of 4 in .mcp.json

MCP server for generating PlantUML diagrams. Runs locally from the plantuml-mcp-server npm package. Needs 1 environment variable to run.

not rated 14 25d ago A tokens not measured original Apache-2.0

synax-design

1068

coldmint9/Synax

Skill Claude CodeCodex needs its repo

A product-design workflow for planning screens, user interactions, and task flows. It requires key interaction details to be confirmed before producing a design, and creates static HTML files when HTML is needed.

not rated 14 5d ago A 79 tokens original Apache-2.0

excalidraw-automate

1069

zsviczian/ea-script-template

Skill Claude CodeCodex

Write and manipulate ExcalidrawAutomate scripts for Obsidian.md. Use when the user wants to create, modify, or understand an Excalidraw script.

not rated 14 1mo ago A 43 tokens AGPL-3.0

glyph

1070

sumitttt4/Glyph-Skill

Skill Claude CodeCodex

Design and implement product-specific frontends. Use for interface design, composition, responsive implementation, purposeful interaction, and rendered verification. Preserve an established product direction unless redesign is requested.

not rated 14 +2 changed 2d ago A 37 tokens original MIT

tn

1071

devnomad-byte/techneering

Plugin Claude Code

Bundles 16 skills, 1 agent, 1 hook · 521 tokens together

Techneering — open-source spec-driven development workflow + execution discipline + frontend design skills for Claude Code.

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

angular-material-20

1072

Angular-Material-Dev/angular-material-ai-rules

Cursor rule Cursor

This rule provides comprehensive best practices and coding standards for Angular development with Angular Material, focusing on Material 3 (a.k.a. M3) design, theme configuration and various API usages.

not rated 13 5mo ago A 0 tokens original MIT

ux-toolkit

1073

dennisonbertram/ux-toolkit

Plugin Claude Code

Bundles 3 skills · 136 tokens together

UX testing toolkit for Claude Code — generate user journey stories, walk them through a real browser, and implement the issues found.

not rated 13 7mo ago A tokens not measured

claude-monet-mcp

1074

yahavf6/claude-monet-mcp

MCP server Claude CodeCodexCursor +2

MCP server that gives Claude 'eyes' - sketch in Excalidraw, Claude reads the SVG. Runs locally from the claude-monet-mcp npm package.

not rated 13 9mo ago A tokens not measured

ramzesenok/iOS-Accessibility-Audit-Skill

Skill Claude CodeCodex

Audit SwiftUI iOS feature code for accessibility against WCAG 2.2 Level A/AA and return patch-ready fixes. Use when reviewing SwiftUI views/screens (including auth, forms, settings, and custom controls) and you need both standards traceability (WCAG + WCAG2Mobile interpretation) and practical, minimal code changes in…

not rated 13 8mo ago A 98 tokens

ds-context

1076

harshii0509/designStack

Skill Claude Code needs its repo

Captures or refreshes a project's Design Bible by reading local design tokens, asking a short brand interview, and writing rules that other designStack skills can reuse. Use when starting a project, capturing brand rules, refreshing a Design Bible after brand changes, or running '/ds-context'.

not rated 13 5mo ago A 59 tokens original MIT

photoshop-mcp-server

1077

StarBoze/Photoshop-MCP-Server

MCP server Claude CodeCodexCursor +2

MCP Server for Photoshop integration using photoshop-python-api. Runs locally from the photoshop-mcp-server Python package.

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

product-design-board

1080

zlong6943-commits/product-design-board

Skill Codex

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 13 2mo ago A 121 tokens

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: