Design and UX

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

frontend-ui-clone

1009

instantX-research/skills

Skill Claude Code

Pixel-perfect website cloner. Given a URL, faithfully reproduces the page as a single self-contained HTML file. Uses Playwright to render the page in a real browser, then directly extracts the rendered DOM + all computed CSS — no manual rewriting. Handles static HTML, JS-rendered SPAs, Webflow, Next.js, and any…

not rated 11 5mo ago A 129 tokens original MIT

design-with-claude

1011

imsaif/design-with-claude

Plugin Claude Code

Bundles 1 skill, 48 commands · 1,778 tokens together

A product designer inside your terminal: 48 design skills as slash commands (40 specialists and 8 technical guides), covering accessibility, motion, color, checkout, dashboards, and more.

not rated 11 changed 2d ago A tokens not measured original MIT

agent-vision

1012

amitpatole/agent-vision

Skill Claude Code

Visually verify rendered output before claiming a UI/visual task is done. Use whenever you generate or edit a visual artifact — frontend HTML/CSS/JSX, a generated chart or plot, an SVG/diagram, a PDF, or an exported image. AgentVision renders the artifact, "sees" it, and returns a machine-graded report (pass/warn/fail…

not rated 11 2d ago A 101 tokens original MIT

basecoat-ui

1013

Sorbh/basecoat-ui-mcp

MCP server Claude CodeCodexCursor +2

MCP server "basecoat-ui" as configured in Sorbh/basecoat-ui-mcp. Runs /absolute/path/to/basecoat-mcp/server.js with node.

not rated 11 1y ago A tokens not measured

diagrammer

1014

IdraDev/Diagrammer

Cursor rule Cursor

Author Diagrammer JSON for the Diagrammer viewer. Use whenever the user asks for a mind map, concept map, flowchart, tree, dependency graph, ER diagram, or timeline. Output a single JSON document conforming to the schema below.

not rated 11 4mo ago A 0 tokens original MIT

blueprint-infographic

1015

MuduiClaw/ClawKing

Skill Claude CodeCodex

A generator for blueprint-style infographic PNG images from a topic, using predefined themes, layouts, and fonts.

not rated 11 4mo ago A 81 tokens original MIT

design-doc

1017

reddishz/designdoc

Skill Claude CodeCodex

A set of rules and templates for creating and reviewing product design documents in the ued/ directory. It covers documents ranging from strategy and requirements to architecture, detailed design, and validation.

not rated 11 changed 2d ago A 87 tokens original MIT

ceo0x/skills

Skill Claude CodeCodex

Design and build world-class SaaS onboarding flows grounded in behavioral science. Covers Aha Moment identification, 7 architecture patterns (including mobile-native), segmented flows, multi-channel sequences (in-app + email + human), copy frameworks, framework-agnostic UI component standards, analytics…

not rated 11 4mo ago A 161 tokens

design-led-development

1020

vkpriyesh/ai-stuff

Skill Claude Code

Build software with elite design principles focusing on user outcomes, trust, accessibility, and performance. Use when creating UI components, designing user flows, writing production code, reviewing code quality, or when the user mentions UX, accessibility, performance, or trust-focused development.

not rated 11 5mo ago A 56 tokens

ship-page

1021

Zooeyii/ship-page-skill

Skill Claude CodeCodex

Create stunning, interactive landing pages for products, startups, and side projects — zero dependencies, single HTML file. Use this skill whenever the user wants to build a landing page, product page, launch page, marketing page, or any promotional web page for their app, tool, SaaS, open-source project, or personal…

not rated 11 6mo ago A 126 tokens original MIT

zap

1022

hetpatel-11/Zap

Skill Claude CodeCodex

Customize any running Electron desktop app (Slack, Codex, VS Code, Discord, Notion, etc.) live without modifying app files. Use when the user wants to change how an Electron app looks or behaves — move panels, change fonts, hide elements, inject features, restyle UI — all applied instantly via Chrome DevTools Protocol…

not rated 11 4mo ago A 79 tokens original MIT

placeholder-ui

1023

vivqu/SwiftUIAgentToolkit

Skill Claude Code

Guide for populating SwiftUI prototype screens with bundled placeholder images and SF Symbol icons. Use when building any screen that needs realistic-looking placeholder content — avatars, product cards, hero images, etc.

not rated 11 6mo ago A 42 tokens original MIT

korean-vibe-fonts

1024

seulkikaang/korean-vibe-fonts

Skill Claude CodeCodex

Recommend and apply commercially usable Korean webfonts for vibe-coded frontends, landing pages, portfolios, dashboards, editorial pages, campaign microsites, and developer UIs. Use when Codex needs to choose Korean typography by mood or tone and manner, explain why a font fits a concept, verify that the font is safe…

not rated 11 1mo ago A 103 tokens

uxui-designer

1025

GlamgarOnDiscord/uxui-AI-Prompt

Skill Claude Code

Expert Senior Frontend Engineer & UI/UX Designer for premium, dark-mode SaaS interfaces and modern landing pages. Triggers on: /build, /polish, /audit, /critique, /animate, /imagify, /dials, /variant — or any request involving UI design, landing pages, dashboards, components, frontend code, design systems, or visual…

not rated 11 1mo ago A 107 tokens original MIT

designkit

1026

leroybbad/designkit

Plugin Claude Code

Bundles 2 skills · 78 tokens together

Browser-based design tools for Claude Code — explore design directions, then refine with Comment, Inspect, Tune, and Shadow modes.

not rated 11 5mo ago A tokens not measured

glyph

1028

sumitttt4/Glyph-Skill

Skill Claude CodeCodex

A production-grade developer design-system skill for AI coding assistants. Use it to enforce strict layout constraints, typography locks, accessibility compliance, and anti-slop visual rules across generated frontends.

not rated 11 1mo ago A 39 tokens original MIT

designmd

1029

zishh/designmd-extractor

Skill Claude CodeCodex

Extract any brand into a DESIGN.md file. Use when the user asks to extract a brand, get colors and fonts from a website, generate brand guidelines from a URL, build on-brand assets for a specific company, or prepare design tokens for AI agents. Outputs a Stitch-compatible DESIGN.md any AI agent (Claude Code, Cursor…

not rated 11 4mo ago A 88 tokens

design-concepts

1030

mevans2120/design-suite-claude-skills

Skill Claude CodeCodex

Creates conceptual designs that illustrate design strategy and approach. Use when user says "mockup", "wireframe", "concept", "mood board", "visual direction", "design options", "explore designs", "UI design", "prototype", "design this", "show me designs", "create a design", "look and feel", or "design variations".…

not rated 11 5mo ago A 118 tokens original MIT

cross-review

1031

danta-jz/cross-review

Skill Claude CodeCodex

Multi-perspective cross review for product, design, and technical proposals. Reviews proposals from user, system, and cost perspectives using isolated reviewer roles. Works out of the box with zero configuration (single-model with sub-agent isolation). Optionally configure a second model (GPT, Claude, Gemini…

not rated 11 4mo ago C 134 tokens original MIT

frontend-design

1032

recca0120/code-quest

Plugin Claude Code

Bundles 1 skill · 43 tokens together

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

not rated 11 3mo ago 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: