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.

design-extractor

1633

m0hamed-ux/design-extractor

Plugin Claude Code

Bundles 1 skill · 142 tokens together

Scrape any website by its domain and generate a DESIGN.md that captures its full visual design system — colors, typography, spacing, components, and a rebuild guide — so the look and feel can be replicated on another project.

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

apple-design

1634

billythekidz/apple-design-skill

Skill Claude CodeCodex

Complete Apple Human Interface Guidelines (HIG) and Apple Design System standard. Use when designing, building, or auditing UI/UX for iOS, iPadOS, macOS, watchOS, visionOS, or Apple-styled web and mobile applications.

not rated 5 2mo ago A 55 tokens original MIT

web-artifact-designer

1635

xulelenlp/dsh-web-artifact-designer

Skill Claude CodeCodex

A design workflow for producing self-contained HTML or SVG files that open directly in a browser. It covers visual work such as posters, infographics, landing pages, charts, banners, cards, and interface mockups.

not rated 5 2mo ago A 115 tokens original MIT

lkh081231/screenshot-feedback-hook-mcp

MCP server Claude CodeCodexCursor +2

Screenshot feedback for coding agents — let your agent SEE what it builds (MCP server + Claude Code hook). Runs locally from the screenshot-feedback-hook-mcp Python package.

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

figma-unlimited-mcp

1637

AlexZai007/figma-unlimited-mcp

MCP server Claude CodeCodexCursor +2

MCP server that lets an AI agent read and edit FigJam boards through a local Figma plugin — no REST or Dev Mode quotas. Runs locally from the figma-unlimited-mcp npm package.

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

flutter-ui

1639

Naimehossein77/claude-flutter-ui-skills

Skill Claude Code

Pixel-perfect Flutter UI — smooth animations, GoRouter navigation, back/forth logic, Riverpod + Provider state management. Use when building Flutter screens, navigation flows, animations, or state-connected widgets.

not rated 5 6mo ago A 43 tokens

design-review

1640

humbleteam/design-review

Skill Claude CodeCodex

Run a structured UX critique on a screenshot, URL, or HTML snippet - a 0-4 score, up to 6 prioritized issues each with Before/After/Why, and one citation per claim. Given two or more variants, compares them on shared dimensions and names a winner. Given a screen plus a decision question, answers the question with the…

not rated 5 changed 12d ago B 165 tokens original MIT

tech-route-maker

1641

Stephen-studying/tech-route-maker

Skill Codex

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 5 +1 changed 1mo ago A 114 tokens original MIT

web-asset-generator

1642

nusabyte-my/jebat-core

Skill Claude CodeCodex

Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing images, or Open Graph images from logos or text slogans. Handles image resizing, text-to-image generation, and provides…

not rated 5 7d ago A 78 tokens

behance-grab

1644

ailleurses/behance-grab

Skill Codex

Download, organize, check, incrementally sync, and zip public Behance project or moodboard URLs. Use when the user provides a public Behance project link or moodboard link and wants local image extraction, update checks, incremental downloads, stable moodboard folders, or ZIP packaging.

not rated 5 5mo ago A 62 tokens original MIT

design-taste-frontend

1645

firstsun-dev/skills

Skill Claude CodeCodex

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

not rated 5 5d ago A 61 tokens

figma-comments-mcp

1646

junsimon/figma-comments-mcp

MCP server Claude CodeCodexCursor +2

Figma Comments MCP: an MCP server that fetches and filters Figma file comments for triage in Claude Code. Runs locally from the figma-comments-mcp npm package.

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

tuoxie2046/claude-code-research-skills

Skill Codex

Human-in-the-loop research-paper framework figure workflow from S0-PAPER-FOUNDATION through terminal S5-CANDIDATE-IMAGE. Use for paper-grounded architecture, pipeline, method overview, agent workflow, system/data-flow, and mechanism figures with generated raster first-round/formal candidates, reviewer-first-glance…

not rated 5 4mo ago A 258 tokens

ux-ui-audit

1648

aditya-ariosity/ux-ui-skills

Skill Codex

Audit or critique an existing digital product artifact or flow and return evidence-backed, severity-calibrated findings. Trigger on "audit this", "critique this screen", "review this flow", "usability review", "heuristic evaluation", or "find UX issues" when inspectable evidence is available. Use dashboard-redesign…

not rated 5 changed 1mo ago A 92 tokens original MIT

full-stack-ux-harness

1649

zrk222/code-factory

Skill Claude CodeCodex

Build or review substantial full-stack and product-facing UI work with evidence-bound architecture, production, accessibility, interaction, and ethical UX gates. Skip trivial edits and non-product documentation.

not rated 5 +1 yesterday A 42 tokens

zingspark/create-harness-vibe-coding

Skill Codex

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, icons, micro-interactions, enter/exit animations, or any visual detail work. Supports quick and full review modes. Triggers…

not rated 5 19d ago A 117 tokens

wl-skills-design

1652

ChenyCHENYU/wl-skills-design

Skill Claude CodeCodex

A task entry point for creating and reviewing product requirements, process diagrams, prototypes, database and API designs, terminology, and documentation changes. It selects the relevant project rules before work begins.

not rated 5 changed today A 75 tokens original Apache-2.0

7onic-design

1653

itonys/7onic

Plugin Claude Code

Bundles 2 skills, 1 agent · 193 tokens together

7onic Design System AI Kit — MCP server (token search, component catalog, layout recipes, validatecode rule checking), /7onic-setup and /7onic-design skills, and a design implementation agent. Queries in English, Japanese, and Korean.

not rated 5 changed today A tokens not measured original MIT

hallmark

1654

CommitTheKermit/ao-skills

Skill Claude CodeCodex

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark by name, or uses audit/redesign/study.

not rated 5 yesterday A 61 tokens

alten-html-docs

1655

ALTEN-group/coding-pal

Skill Claude CodeCodex

Use when creating or editing any HTML documentation, report, guide, or standalone page in this repo. Enforces the ALTEN design system defined in alten-design-system.html (bundled in this skill folder).

not rated 5 today A 46 tokens original MIT

frontend

1656

fellipeutaka/leon

Plugin Claude Code

Bundles 35 skills · 2,722 tokens together

Skills for building, reviewing, and optimizing frontend interfaces.

not rated 5 today A tokens not measured 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: