Design and UX

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

ai-native-ui-patterns

1825

me-cedric/agent-compass

Skill Claude CodeCodex

Build the UI for AI-native interfaces — streaming answers with citations, reasoning traces, tool-call chips, approval gates, agent task rows, prompt composers, confidence meters, proposed-diff tables. Use when implementing or reviewing any surface where a model or agent is the thing the user works with.

not rated 2 13d ago A 64 tokens

drawio-skill

1826

AbdulDevHub/Agent-Skills-Factory

Skill Claude CodeCodex

Use when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, network topology, ML/DL model figures (Transformer/CNN/LSTM), mind maps, or any visualization. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that…

not rated 2 11d ago A 120 tokens

gacha-ui

1827

fade2373/gacha-ui

Skill Claude CodeCodex

Explore UI directions by generating several genuinely-different real-data HTML mockups in parallel, serving them so the user picks side-by-side, distilling each pick into locked constraints, and narrowing round by round until approved — then landing the winner in the real stack and refining. Use when the user wants to…

not rated 2 2mo ago A 221 tokens original MIT

visionbuddy

1828

FanZhangnan/VisionBuddy

Skill Codex

Analyze local screenshots and image files with VisionBuddy through the installed WorkBuddy CodeBuddy CLI using free Hy3 or explicitly authorized DeepSeek V4 Flash. Use when Codex needs OCR, layout inspection, UI/design analysis, image description, visual comparison, or evidence from PNG, JPEG, WebP, GIF, or BMP files…

not rated 2 1mo ago A 87 tokens original MIT

design-to-code

1829

anoopsg/agent_rules

Skill Claude CodeCodex needs its repo

Outlines the process for converting Figma designs into a structured, platform-aware Flutter implementation.

not rated 2 1mo ago A 22 tokens original MIT

wa-builder

1830

choppawave-beep/web-architect

Agent Claude Code

Implements code from web-architect-plan.md, applying design tokens from MASTER.md. Produces working code files and a build report.

not rated 2 6mo ago A 30 tokens original MIT

lovable-design-system

1831

Mine77/lovable-design-skills

Skill Claude CodeCodex

Distinctive, production-grade frontend design with bold aesthetic direction, curated palette/typography/layout presets, and a structured design-direction flow. Use whenever building or refining UI (landing pages, product surfaces, marketing sites, dashboards) — especially when the brief is visual, broad, or "make it…

not rated 2 3mo ago A 0 tokens

tech-route-maker

1832

Stephen-studying/tech-route-maker

Skill Claude CodeCodex

Create evidence-grounded editable technical route diagrams for research and engineering projects. Use when the user asks to draw, generate, visualize, render, export, or revise a technical route diagram, research route, paper method framework, publication figure, thesis proposal route, engineering system route…

not rated 2 1mo ago A 114 tokens original MIT

DXBMARK/presentation-pro-designer

Skill Codex

Classify the presentation type before selecting the deck structure. Use the user's prompt, uploaded files, project sources, templates, brand guides, data, and prior examples as the primary authority. Do not force a classroom lesson structure onto corporate, proposal, verification, or investor decks.

not rated 2 4mo ago A 124 tokens original MIT

img-pilot

1835

Sakaax/img-pilot

Plugin Claude Code

Bundles 1 skill · 42 tokens together

First Claude Code plugin that generates brand-aligned visual assets from your terminal. 9 providers, cost-optimized (one call, many derivatives), security-first (auto-gitignore, chmod 600, pre-commit hook).

not rated 2 5mo ago A tokens not measured original MIT

brand-pilot

1836

Sakaax/brand-pilot

Plugin Claude Code

Bundles 1 skill · 28 tokens together

Brand guardian — brand consistency audit, SEO analysis, README, OG image, brand kit, pages annexes. Reads ux-pilot/ux-brief.md automatically.

not rated 2 5mo ago A tokens not measured original MIT

aesth

1837

zircote-plugins/aesth

Plugin Claude Code

Bundles 1 skill, 5 commands · 125 tokens together

Craft-focused design system management powered by Subcog memory. Build interfaces with elegance, consistency, and semantic memory.

not rated 2 2mo ago A tokens not measured

click-to-edit-ui

1838

hyemin-ht-kang/click-to-edit-ui

Plugin Claude Code

Bundles 1 skill · 213 tokens together

Point at web UI components by Alt-clicking them in the browser, then request edits by number (1, 2, 3) instead of describing elements in words.

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

cad-design

1839

Ed3Design/ed3design-engineering-bundles

Plugin Claude Code

Bundles 5 skills · 974 tokens together

Parametric CAD design disciplines for makers, mechanical engineers, and product designers. 5 skills covering CAD API scripting (Fusion 360, OpenSCAD, commercial platforms), parametric construction workflows, mechanical design principles (overhangs, walls, tool-less assembly), image-to-mesh-CAD pipelines, and the…

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

pixel-discipline

1840

mz185/pixel-discipline

Skill Claude CodeCodex

Audit and fix mobile app UI/UX — enumerates every element on a named screen, questions existence and appearance, then fixes violations. Supports Flutter, Jetpack Compose, SwiftUI, and React Native.

not rated 2 4mo ago A 41 tokens

teach

1841

obiwancenobi/klamben

Command Claude Code

One-time setup — scan the Flutter project for existing design patterns, ask UX questions, and write a .klamben.md design context file that all other commands reference.

not rated 2 5mo ago A 36 tokens original Apache-2.0

clawenable

1842

ClawEnable/html-artifact-best-practices

Plugin Claude Code

Bundles 1 skill · 62 tokens together

Produces, reviews, and improves standalone single-file HTML artifacts using vanilla HTML, inline CSS, and vanilla JS — no frameworks or CDN. Use for: comparison matrices, interactive dashboards, timeline roadmaps, review surfaces, visual explainers.

not rated 2 4mo ago A tokens not measured original Apache-2.0

distill-design

1843

geo-mena/distill

Cursor rule Cursor

Use distill-design to generate Distill.pub-style editorial articles, diagrams, slide decks, and product styling.

not rated 2 3mo ago A 0 tokens original MIT

feedback-studio

1844

baskb/feedback-studio

Plugin Claude Code

Bundles 4 skills, 3 hooks · 219 tokens together

A local commenting overlay for a website you're building (a static build or your local dev server) or a Markdown file, not public sites you browse. Click or tap any element (or select text) and leave typed or spoken feedback; comments persist to .feedback/, then you tell your agent 'PPF' (Please Process Feedback) to…

not rated 2 changed yesterday A tokens not measured original MIT

VisioIntegration

1845

CloudDaddyZA/VisioIntegration

Skill Claude CodeCodex

Skill "VisioIntegration" from CloudDaddyZA/VisioIntegration, covering azure visio mcp — skill definition, metadata, when to use, trigger phrases and capabilities.

not rated 2 3mo ago A 0 tokens original MIT

impeccable

1846

T0mSIlver/vidtheque

Skill Claude Code

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…

not rated 2 6d ago A 189 tokens copy · 92% MIT

layntra

1847

lessthanno/Layntra

Skill Claude CodeCodex

Local Codex-to-Figma workflow for inspecting, planning, creating, and refining the currently open Figma file. Use for natural-language requests about the current Figma canvas or when the user explicitly invokes $layntra.

not rated 2 1mo ago A 49 tokens original MIT

canvas-app-planner

1848

Ratnam-Mishra/canvas-apps-plugin-codex

Agent Claude Code

Plans and designs a Canvas App. Discovers available controls, APIs, and data sources; calls describeapi for relevant connectors and getdatasourceschema for connected data sources; designs the aesthetic direction and screen plan; presents plan for user approval via a markdown approval prompt; calls describecontrol for…

not rated 2 4mo ago A 98 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: