Design and UX

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

Community-Access/accessibility-agents

Agent Claude Code needs its repo

Interactive web accessibility review wizard. Runs a guided, step-by-step WCAG audit of your web application. Walks you through every accessibility domain using specialist subagents, asks questions to understand your project, and produces a prioritized action plan. Includes severity scoring, framework-specific…

not rated 405 +2 26d ago A 91 tokens original MIT

system-atlas

218

inkboard/system-atlas

Skill Claude CodeCodex

Build and maintain an explorable, progressively-disclosed isometric "atlas" of a system's architecture — an interactive page (hover to read, click to pin, go inside for steps, moving data packets you can inspect, chapters that reveal the system a few structures at a time) plus a generated text twin (SYSTEM.md) and…

not rated 394 +3 changed 3d ago A Socket: passSnyk: pass 185 tokens original MIT

EpicInfographics

219

OrRon/EpicInfographics

Plugin Claude Code

Bundles 1 skill · 120 tokens together

Create polished, scene-first infographic images from data, facts, or a topic — social graphics, stats posters, story/reel visuals, print one-pagers, link-preview banners — as a self-contained HTML/CSS+SVG page rendered to PNG. Ten fully-specified design languages (blueprint, dark-glass, naturalist-plate…

not rated 394 +21 10d ago A tokens not measured original MIT

better-forms

220

Asymmetric-al/core

Skill Claude CodeCodex

Complete guide for building accessible, high-UX forms in modern stacks (React/Next.js, Tailwind, Zod). Includes specific patterns for clickable areas, range sliders, output-inspired design, and WCAG compliance.

not rated 391 5d ago A 48 tokens AGPL-3.0

photoshop-mcp

221

alisaitteke/photoshop-mcp

MCP server Claude CodeCodexCursor +2

MCP server for Adobe Photoshop — 102 tools (generative AI + recipes), standalone web UI. Control Ph… Runs locally from the @alisaitteke/photoshop-mcp npm package.

not rated 389 +14 4d ago A tokens not measured original MIT

create-wot-ui-theme

222

wot-ui/wot-starter

Skill Claude Code

A workflow for creating one SCSS file that defines and mounts a custom Wot UI theme. SCSS is a CSS format with extra features for organizing styles.

not rated 386 +3 9d ago A 55 tokens original MIT

ui-aesthetics

223

kasonye/ui-aesthetics-skill

Skill Claude CodeCodex

Raise frontend visual judgment for web interfaces with a bias toward refined product-grade composition, precise component craftsmanship, disciplined interaction states, controlled motion, and coherent depth systems. Use in any supported agent or IDE when generating, reviewing, or refactoring UI that feels generic…

not rated 384 +5 4mo ago A 106 tokens

scandinavian-design

224

ericzakariasson/scandinavian-design

Skill Claude Code

Apply a refined Scandinavian visual system with a neutral black-and-white foundation, restrained sans-serif typography, purposeful product imagery, generous spacing, clear page chapters, and minimal decoration. Use when the user invokes /scandinavian-design or requests a Nordic, monochrome, calm, spacious, restrained…

not rated 379 +12 15d ago A Socket: passSnyk: warn 67 tokens

cvs-health/ios-swiftui-accessibility-techniques

Skill Claude CodeCodex

Enforces WCAG 2.2 accessible coding patterns when writing SwiftUI — labels, traits, Dynamic Type, contrast, touch targets, focus management, orientation, and more. Based on the ios-swiftui-accessibility-techniques project with 41 static analysis rules across 23 WCAG criteria.

not rated 372 +1 5d ago A 67 tokens original Apache-2.0

html-widget

226

PM-Shawn/Abu-Cowork

Skill Claude Code

A guide for creating interactive visual components with HTML. These components can respond to user actions, animate ideas or display data.

not rated 367 +2 yesterday A 82 tokens

Will-hxw/drawio-diagram-builder

Skill Codex

Create, edit, replicate, and iteratively refine editable research and technical diagrams in diagrams.net/draw.io (.drawio XML) from prompts, papers, repositories, screenshots, or existing diagrams. Use when asked to generate a scientific figure, paper method diagram, ML/system architecture diagram, draw.io file…

not rated 363 +17 2mo ago B 101 tokens original MIT

vocello-design

228

PowerBeef/Vocello

Skill Claude Code

Use this skill to generate well-branded interfaces and assets for Vocello (a local-first, Apple-native macOS voice-generation app — formerly QwenVoice). Contains essential design guidelines, colors, type, fonts, assets, and a Mac-app UI kit for prototyping voice-studio interfaces, marketing surfaces, and slides.

not rated 362 +1 yesterday A 69 tokens original MIT

draw-ui

230

oil-oil/draw-ui

Skill Claude CodeCodex

Generate UI design mockups and help reconstruct generated UI screenshots into HTML/CSS or WeChat Mini Program WXML/WXSS. Prefer built-in image generation when available; use ZenMux + GPT Image 2 for scripted local outputs, or the optional Codex/OpenAI-compatible provider in Codex environments. TRIGGER when the user…

not rated 359 +8 1mo ago A 147 tokens

step-parts

231

earthtojake/step.parts

Skill Codex

Find, evaluate, and download low-level common standard CAD parts from step.parts, such as screws, bolts, nuts, washers, bearings, standoffs, electronics parts, motors, connectors, and other off-the-shelf components. Use when Codex needs to search the hosted step.parts catalog, resolve fuzzy part names, standards…

not rated 345 +2 2mo ago A 107 tokens original MIT

archscribe

232

lazypay/Archscribe

Skill Claude CodeCodex

A tool for turning technical descriptions, articles, processes, or reference images into hand-drawn-style diagrams. It can produce editable Excalidraw diagrams, image and video previews, and interactive HTML.

not rated 342 +2 1mo ago A 110 tokens original MIT

as

233

AlpacaLabsLLC/skills-for-architects

Plugin Claude Code

Bundles 46 skills, 7 agents, 3 hooks · 2,842 tokens together

Architecture Studio — governed AEC skills and portable studio workflows for Codex and Claude Code: initialize a studio workspace, create registered projects, maintain linked project records, or route work across NYC due diligence, site planning, zoning, programming, specifications, sustainability, FF&E, materials…

not rated 342 +8 changed 3d ago A tokens not measured original MIT

image-to-code

234

yuzhworkhard-wq/image-to-code

Skill Claude CodeCodex

A workflow for turning a provided user-interface image into responsive website code and separate high-resolution PNG assets. It treats the image as the exact visual reference and uses a 750-pixel-wide design basis.

not rated 341 +4 2mo ago A 158 tokens original MIT

write-zot-themes

235

patriceckhart/zot

Skill Claude CodeCodex

Help the user create, install, or package zot themes, including theme-only extensions.

not rated 334 +1 2d ago A 23 tokens original MIT

taste

236

senlindesign/taste-skill

Skill Claude CodeCodex

Reverse-engineer the design taste of any website. Given a URL, captures DOM data and a screenshot via real browser, then runs a 4-step analysis to produce {domain}.md + {domain}.json with practical design tokens (colors, typography, spacing, radii, shadows, grid) AND taste DNA (Trigger → Decision → Reason → Evidence…

not rated 332 +2 2mo ago B 223 tokens

academic-figure-skill

237

TingxiYu/academic-figure-skill

Skill Codex

Academic-grade scientific figure creation for Nature/Cell/Science journals. Use when the user asks to create, polish, review, or export scientific figures for manuscript submission. DO NOT trigger for: interactive dashboards (Plotly/Bokeh/Altair), exploratory data analysis without publication intent, math function…

not rated 332 +17 1mo ago A 107 tokens original Apache-2.0

skill

238

chaos-xxl/zelda-hyrule-ui

Skill Claude CodeCodex

A guide for using the zelda-hyrule-ui component library and its visual style rules. It tells an AI coding agent how to get, install, and use the library, including fallback rules when the usual path fails.

not rated 331 2mo ago A 0 tokens

genjutsu

239

AThevon/genjutsu

Plugin Claude Code

Bundles 17 skills · 599 tokens together

Genjutsu - the art of illusion for Claude Code and claude.ai. Cast motion and paint visual signatures into Web, Android (Compose), and Apple (SwiftUI) interfaces. Anti-AI-slop creative coding.

not rated 330 +21 1mo ago A tokens not measured original MIT

tastemaker

240

codeswithroh/tastemaker

Plugin Claude Code

Bundles 2 skills · 344 tokens together

Generate genuinely beautiful, on-brand UI instead of generic AI slop — a generated-per-project palette with a verified contrast contract, real sourced assets, a structural-variety engine, and a numbered anti-slop gate list.

not rated 329 +18 5d ago A tokens not measured copy · 88% 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: