Design and UX

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

lamina-design

409

aryaniyaps/lamina

Skill Claude CodeCodex

Shape intended product behavior in Lamina's transactional graph when explicitly invoked as lamina-design or when passive implementation preparation reports design gaps. Publish an implementation-ready graph version without editing application source.

not rated 114 4d ago A SkillSpector: pass 41 tokens original Apache-2.0

design-to-code

411

MigoXLab/coderio

Skill Claude CodeCodex

Pixel-perfect Figma to React conversion using coderio. Generates production-ready code (TypeScript, Vite, TailwindCSS V4) with high visual fidelity. Features robust error handling, checkpoint recovery, and streamlined execution via helper script.

not rated 113 3mo ago A 52 tokens original Apache-2.0

material-design-3-ui

412

skydashnet/material-design-3-ui-skill

Skill Claude CodeCodex

Design, redesign, review, or implement user interfaces using Google Material Design 3 (M3), Material You, and optional Material 3 Expressive principles. Use for UI/UX screens, app flows, design systems, component selection, theming, responsive/adaptive layouts, accessibility audits, Figma-ready specifications, or…

not rated 114 +6 21d ago A 82 tokens original MIT

motiscope

413

KumarSashank/motiscope

Cursor rule Cursor

Cursor rule "motiscope" from KumarSashank/motiscope, covering motiscope — recreate animations from screen recordings, the division of labor, commands and workflows.

not rated 112 +3 1mo ago A 11 tokens original MIT

review-ui-design

414

ColourCloudSky/review-ui-design-skill

Skill Codex

A read-only process for reviewing product interface designs from screenshots, screen recordings, icon sets, product flows, or Figma links.

not rated 112 +4 1mo ago A SkillSpector: pass 195 tokens original MIT

iAmVishal16/swiftui-microinteractions

Skill Claude CodeCodex

Generate premium SwiftUI animations in the legendary-Animo style — spring physics, CoreHaptics, glass morphism, SF Symbols 7 draw animations, complete compilable files.

not rated 110 today A 43 tokens original MIT

bryl-minimal-design

416

bryllim/bryl-minimal-design

Skill Claude CodeCodex

Apply the bryl-minimal design language — a monochrome, typography-driven minimal aesthetic with halftone dot textures, pixel-font display headings, tiny uppercase monospace labels, soft large-radius cards, and full light/dark theming. Use this whenever building or restyling any web UI (portfolio, landing page, blog…

not rated 110 +1 1mo ago A 160 tokens original MIT

alex-durango/pingfusi

Skill Codex

Beautify or redesign an existing website through iterative pingfusi review rounds with a real human reviewer. Use when asked to "beautify this website," "make this page look professional," "polish this UI/design," "improve the visual design," or finish an AI-built page when there is no reference site to match. Do not…

not rated 110 4d ago A SkillSpector: pass 95 tokens original MIT

simplecadapi

418

NiJingzhe/SimpleCADAPI

Skill Claude CodeCodex

Build, assemble, inspect, reconstruct, and export parametric CAD models with the SimpleCADAPI Python SDK. Use for SimpleCAD geometry modeling, constrained sketches, parts and assemblies, standard gears and bearings, STEP/BREP inspection and reconstruction, durable product packages, model JSON replay, and CAD backend…

not rated 112 +4 yesterday A 65 tokens original Apache-2.0

brand-design-md

419

SpaceZephyr/brand-design-md

Skill Claude CodeCodex

A design-code helper that reads design rules from getdesign.md and generates UI code in a requested brand style, such as Apple, Notion, Claude, or Stripe.

not rated 108 5mo ago A 85 tokens

kamranbekirovyz/skills

Skill Claude CodeCodex

Reviews Flutter code to find UI/UX improvements and writes an implementation plan for the ones you pick.

not rated 107 1mo ago B 25 tokens

brand-design-skill

421

ziguishian/brand-design-skill

Skill Claude CodeCodex

Drive a strict conversational, image-first and image-final brand identity design process. Use when the user asks for brand design, logo inspiration, logo exploration, AI-generated logo images, VI/visual identity systems, brand manuals, identity guidelines, application mockups, or premium HTML brand books. The skill…

not rated 109 +7 2mo ago A 143 tokens

dile-components

422

Polydile/dile-components

Skill Claude CodeCodex

Use when building or modifying UI with the Dile Components library (@dile/ui, @dile/crud, @dile/editor, @dile/utils, @dile/lib, @dile/iconlib, @dile/icons) — a framework-agnostic, Lit-based web component catalog. Trigger when installing/importing dile- custom elements, using tags like , , , building CRUD screens…

not rated 106 today A SkillSpector: pass 123 tokens original MIT

tech-minimal-product

423

renmengwen/MuseDock

Skill Claude CodeCodex

MuseDock product UI system for compact, technology-forward console screens.

not rated 109 +8 1mo ago A SkillSpector: pass 18 tokens original Apache-2.0

uigiuf/codex-visio-replica-workflow

Skill Claude CodeCodex

A workflow for creating or reproducing diagrams in Microsoft Visio from reference images, screenshots, whiteboards, architecture diagrams, flowcharts, or business diagrams.

not rated 105 3mo ago A 97 tokens

figma-pilot

425

youware-labs/figma-pilot

Skill Claude CodeCodex

REQUIRED reading before using figmaexecute. Contains API syntax, parameter formats, and examples. READ rules/.md files for correct usage.

not rated 105 7mo ago A 33 tokens original MIT

agent-skills

426

mblode/agent-skills

Plugin Claude Code

Bundles 26 skills · 1,825 tokens together

Skills for the parts of shipping that code review never covers: the loading states, the type scale, and whether half the diff is AI slop.

not rated 106 +3 today A tokens not measured original MIT

bruce-drawio

427

bruc3van/bruce-drawio

Skill Claude CodeCodex

Use this skill when the user wants to create any diagram: flowchart, architecture, UML (sequence/class), ER, mindmap, network topology, or any visual diagram. Trigger words: "draw", "diagram", "flowchart", "architecture", "UML", "sequence diagram", "mindmap", "ER diagram", "network topology", "visualize", "draw.io"…

not rated 104 +3 28d ago A 129 tokens original MIT

bench-studio

428

promptadvisers/bench-studio-public

Skill Codex

Create and inspect images, videos, local websites, and designed PDF documents through Bench Studio. Use when a request involves choosing a fal model, mapping reference media to model-specific fields, generating media with transparent pricing, building a prompt-driven website or PDF through the cached Codex…

not rated 104 +2 25d ago A SkillSpector: warn 74 tokens original MIT

pencil-extract

429

tedydonel/Heisenberg

Skill Claude CodeCodex

Use when extracting any Pencil design into Heisenberg Blade components. Enforces repo placement, token-only scoped CSS, prop-driven Blade, responsive output, and browser verification.

not rated 104 +1 6d ago A SkillSpector: pass 39 tokens original Apache-2.0

uisight

430

sololabstr/uisight

MCP server Claude CodeCodexCursor +2

AI and human share live mobile+desktop browser sessions; measured UI findings your agent can act on. Runs locally from the uisight npm package. Needs 3 environment variables to run.

not rated 107 +1 yesterday A tokens not measured original MIT

html-design

431

NimaChu/html-design

Skill Claude CodeCodex

Create, redesign, repair, validate, preview, and package lightweight standalone HTML deliverables. Use for marketing experiences, product prototypes, infographics, motion narratives, documents, browser tools, dashboards, guided workflows, knowledge interfaces, mini-games, presentations, reusable style and brand…

not rated 101 changed 4d ago A 82 tokens

shadcn

432

blencorp/claude-code-kit

Skill Claude CodeCodex

Best practices for using shadcn/ui components with Tailwind CSS and Radix UI primitives.

not rated 101 9mo ago A 58 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: