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.

tldraw-skill

457

Agents365-ai/tldraw-skill

Skill Claude CodeCodex needs its repo

Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual representation. Generates .tldr JSON files and exports to PNG/SVG locally using @kitschpatrol/tldraw-cli.

not rated 125 3mo ago A SkillSpector: warn 70 tokens original MIT

build123d

458

rawwerks/VibeCAD

Plugin Claude Code

Bundles 2 skills · 227 tokens together

Skills for using Build123D - a Python CAD library for creating parametric 3D models.

not rated 125 10mo ago A tokens not measured original MIT

simplecadapi

460

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, vector-PDF drawing reconstruction, durable product packages…

not rated 125 changed 1mo ago A 71 tokens original Apache-2.0

finesse-brief

461

mouse-lin/finesse-brief

Cursor rule Cursor

A product-definition method that creates a written workbench specification before anyone builds the interface. A workbench can be a personal browser page for daily records or a larger browser system with modules, pages, and data entities.

not rated 124 +7 3mo ago A 0 tokens original MIT

drawer-expert

462

opentiny/webmcp-sdk

Skill Claude CodeCodex

A diagramming assistant for creating flowcharts, architecture diagrams, and other visual plans in Excalidraw, a browser-based drawing tool. It works with the canvas through structured drawing elements such as shapes, text, groups, and connectors.

not rated 123 +1 3d ago A SkillSpector: pass 29 tokens original MIT

julilaoshi-design

463

julilaoshi/julilaoshi-design

Skill Codex

Create and edit visual designs with Affinity or HTML, including computer-use editing, native-file saving, browser editing and export checks. Also supports user-requested Pencil workflows. Use for editable posters, visual pages and existing design-file revisions.

not rated 122 changed 1mo ago A SkillSpector: pass 52 tokens original MIT

cue-animations

464

Milad-Akarie/cue

Skill Claude CodeCodex

Flutter animation using the Cue package. Use for: adding animations, transitions, motion, enter/exit effects, hover effects, scroll animations, toggle animations, page transitions, draggable scrubbing, modal transitions, animated widgets, keyframe animations, spring physics, fade, slide, scale, rotate, blur, clip…

not rated 121 1mo ago A SkillSpector: pass 98 tokens original MIT

frontend-design

465

ceilf6/FrontAgent

Skill Codex

Create distinctive, production-grade frontend interfaces with a clear visual direction while respecting project design specification constraints, existing design systems, and minimal-diff engineering boundaries. Use when building or restyling pages, landing screens, dashboards, marketing surfaces, or other frontend UI…

not rated 120 9d ago A SkillSpector: pass 62 tokens original MIT

html-ppt-designer

466

andyhuo520/html-ppt-designer

Skill Claude Code

A tool for turning written content into designed presentation slides made with HTML, the language used to structure web pages.

not rated 120 8mo ago A 88 tokens

lamina-design

467

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 120 +1 19d ago A SkillSpector: pass 41 tokens original Apache-2.0

makifbaysal/tasktrooper

Skill Claude CodeCodex

Use when the repository has no design system yet (no tokens, no component library - a new site/app, an "Apply design system" task, or a task that asks for one), before building any page section - writes the approved design system's generated files from getdesignsystem (files true) and builds the tokens on them when…

not rated 120 +1 changed 28d ago A 77 tokens original Apache-2.0

HuskarUI

469

mengps/PyHuskarUI

Skill Claude CodeCodex

Queries HuskarUI metadata with Python and guides HuskarUI-first QML/C++ code. Invoke when choosing components, checking examples, or generating HuskarUI UI.

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

bryl-minimal-design

470

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 118 3mo ago A 160 tokens original MIT

revit-review

471

Sam-AEC/aec-model-bridge

Skill Claude CodeCodex

Safe flow for reviewing and fixing an open Revit model with AEC Model Bridge. Use when the person asks to check, audit, tidy or change a Revit model, its parameters, sheets or views. Read first, check, draft a plan, then stop for human approval.

not rated 118 +8 6d ago A 61 tokens GPL-3.0

bobbyz1x2c3/layer-designer

Skill Claude CodeCodex

Generate professional UI/UX designs as layered PSD-like outputs with transparent layers. Supports complete 8-phase workflows from requirements to final output. Use when the user asks to create UI/UX designs, generate layered images, produce design mockups with transparent backgrounds, or work with any multi-layer…

not rated 117 5mo ago A 89 tokens

design-to-code

473

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 116 +1 5mo ago A 52 tokens original Apache-2.0

brand-design-md

474

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 116 +4 7mo ago A 85 tokens

oiloil-ui-ux-guide

475

oil-oil/ui-ux-guide

Skill Claude CodeCodex

A guided consultation for designing or reviewing a user interface, the screens people use in an application. It can help define a project’s design rules, review an existing screen, or write concise do-and-don’t guidance.

not rated 116 changed 1mo ago A Socket: passSnyk: pass 81 tokens original Apache-2.0

design-skills

476

cuellarfr/design-skills

Plugin Claude Code

Bundles 10 skills · 687 tokens together

Ten UX and design skills that give coding agents deep knowledge of established design frameworks: research, critique, accessibility, journey mapping, design systems, strategy, interaction design, design ops, UX writing, and visual elevation.

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

gridgeist

477

ohmiler/gridgeist

Skill Codex

Use when creating, redesigning, or reviewing web interfaces that need product-specific structure, clear hierarchy, responsive composition, accessible interaction, or relief from generic AI-generated SaaS aesthetics. Adapt grid, typography, imagery, motion, and product evidence to the established brand—including…

not rated 115 3mo ago A SkillSpector: pass 101 tokens original MIT

bitkit-storybook-mcp

478

bitrise-io/bitrise-workflow-editor

MCP server Claude CodeCodexCursor +2

One of 2 in .mcp.json

MCP server "bitkit-storybook-mcp", hosted remotely at storybook.services.bitrise.dev, as configured in bitrise-io/bitrise-workflow-editor.

not rated 115 yesterday A tokens not measured original MIT

art-direction

479

timkoda/koda-stack

Skill Claude CodeCodex

You are an art director for visual content. Your job is to define the complete visual language of a piece — palette, mood, lighting, composition, and references.

not rated 114 7mo ago A 0 tokens original MIT

bruce-drawio

480

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 114 +2 2mo ago A 129 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: