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.

visio-image-replica

1489

Leobeckham-162632/codex-visio-replica

Skill Codex

Use this skill when converting a user-provided PNG, JPG, screenshot, scanned diagram, flowchart, electrical schematic, network topology, academic mechanism diagram, neural-network architecture figure, map, infographic, or other two-dimensional reference image into an editable Microsoft Visio VSDX with separately…

not rated 6 3mo ago A 157 tokens original Apache-2.0

a2ui-compose

1490

a2uicatalog/a2ui

Skill Claude CodeCodex

Compose an A2UI payload (typed atom blocks) and render it into real HTML — a chart, dashboard, status board, decision tree, or any structured UI, once the right atoms are already known (see the a2ui-catalog skill for picking them). Use when asked to SHOW something rather than describe it, and the host can display HTML…

not rated 6 5d ago A 102 tokens original MIT

modern-frontend-design

1491

deveshpunjabi/modern-frontend-skill

Skill Claude CodeCodex

How to design and build modern, premium-quality frontend interfaces that look like high-end SaaS products, modern AI tools, and award-winning design websites — not generic templates. Use this skill whenever the user asks to build a frontend, create a landing page, design a dashboard, scaffold a web app UI, build a…

not rated 6 +1 7mo ago A Socket: warnSnyk: pass 167 tokens original MIT

persona-ux-test

1493

Ericwong5021/persona-ux-test

Skill Codex

Run an isolated persona-based UX test through the real desktop or browser UI. Creates a precise non-developer user persona, gives the tester only an approved product introduction, prevents source-code and design-document leakage, and produces an evidence-based Chinese evaluation report. Use when the user asks for…

not rated 6 3mo ago A 106 tokens original MIT

cinematic-ui

1494

azuma520/cinematic-ui

Cursor rule Cursor

Apply when the user asks for a cinematic website, film-style landing page, director-inspired UI, or any design framed around a movie aesthetic. Do not apply for generic web design unless the user explicitly references a film, director, or cinematic style.

not rated 6 7mo ago A 49 tokens copy · 100% MIT

design-site

1495

ccevans/bobbycode

Skill Claude Code

Design Lead Skill: Creates visual design from scratch — landing pages, websites, marketing pages, app UI, visual identity, redesigns. Runs a real design process (brief → reference remix → style tiles → tokens → build → critique) so the result looks intentional and specific, not AI-generated. MANDATORY TRIGGERS: design…

not rated 6 5d ago A SkillSpector: warn 179 tokens original MIT

svg-vectorizer

1496

svgnew/plugin

Plugin Claude Code

Bundles 5 skills, 1 MCP server · 195 tokens together

Convert images to SVG vectors, edit colors, simplify paths, remove backgrounds, and batch process — powered by svg.new.

not rated 6 changed 21d ago A tokens not measured original MIT

micrographic

1498

albegosu/micrographic-skill

Skill Cursor

Use this skill to build micrographic UI components and views — cards, panels, dashboards, dense data displays — matching the industrial label collage north star (examples/reference-collage.png). Compression not minimalism; metadata as texture. Two type scales (display 80px+ vs micro 7–11px); dual display modes (light…

not rated 6 changed 1mo ago A 143 tokens original MIT

substance-designer-mcp

1499

MikeLi-28/Substance-3D-Designer-MCP

MCP server Claude CodeCodexCursor +2

MCP server "substance-designer-mcp" as configured in MikeLi-28/Substance-3D-Designer-MCP. Runs locally from the substance-designer-mcp Python package.

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

aspicio

1500

frontsail-ai/aspicio

Plugin Claude Code

Bundles 2 skills, 1 MCP server · 195 tokens together

Open, inspect, and render DXF/CAD drawings: describedxf and renderdxf MCP tools plus skills for reading drawings and embedding the viewer.

not rated 6 5d ago A tokens not measured original MIT

50k-website-builder

1502

navinramharak-rgb/50k-website-builder

Plugin Claude Code

Bundles 1 skill · 138 tokens together

Build cinematic, scroll-animated marketing sites that look like they cost $50,000 or more. A reference-and-taste phase, a design token system, a GSAP motion system, a signature-move library, a brand-to-build workflow, and in-browser QA.

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

free-asset-selector

1503

Songzhi-lab/sloth-assets

Skill Claude CodeCodex

A Chinese-language guide for finding free-to-use images, illustrations, icons, mockups, textures, and video for design work, with notes about licences and access in China.

not rated 6 2mo ago A 242 tokens original MIT

visual-research

1504

danpeg/visual-research

Skill Claude CodeCodex

This skill should be used when analyzing a competitor's brand identity, auditing visual brand elements, researching brand positioning, comparing brand aesthetics, evaluating competitor design language, or conducting systematic visual research on brand identity, logo systems, color palettes, or design patterns for…

not rated 6 7mo ago A 116 tokens original MIT

claudecad

1505

rohittp0/ClaudeCAD

Plugin Claude Code

Bundles 1 skill, 2 hooks · 55 tokens together

3D modeling skills for Claude Code - design, validate, and export 3D models across multiple tools and formats.

not rated 6 5mo ago A tokens not measured

calm-design

1507

calmtiger86/calm-design

Skill Claude CodeCodex

Um agente de design que cria um arquivo DESIGN.md com uma proposta visual calma e refinada para interfaces. Ele também faz uma crítica visual e uma verificação final antes de concluir o trabalho.

not rated 6 +1 1mo ago A 115 tokens

ui-ux-audit

1508

EnchStyle/ui-ux-audit-skill

Skill Claude CodeCodex

Audits web UI and raises it from competent to exceptional. Catches what AI tools ship and people notice at once: broken or shifting layouts, cards and values off a shared line, orphaned words and lone grid items, drifting radii, gutters, ratios and component sizes, text overflow, missing states, poor contrast, small…

not rated 6 changed 1mo ago A 225 tokens original MIT

flutter-ai-ui-skill

1509

SpeakQuery/flutter-ai-ui-skill

Skill Claude CodeCodex

A master-level Flutter UI/UX design skill that equips AI coding assistants with curated design intelligence, colour palettes, typography pairings, animation patterns, component blueprints and actionable checklists for building beautiful, accessible, production-ready Flutter applications. Covers Material 3, Cupertino…

not rated 6 8mo ago A 77 tokens original MIT

ui-ux-design-pro

1510

ca-who-codes/ultimate.UIUX.design.skills

Plugin Claude Code

Bundles 1 skill, 6 commands, 4 agents · 731 tokens together

World-class, one-stop design intelligence for coding agents across two tracks: interfaces (web/apps, components, design systems, the modern React+Tailwind+shadcn stack) AND visual/marketing design (presentations & decks, social carousels & posts, ads, A4/A3 posters, flyers, business cards, event banners…

not rated 6 +1 3mo ago A tokens not measured original MIT

svgator-motion-design

1511

SVGator/skills

Skill Claude CodeCodex

The craft layer for authoring standalone SVG assets through the SVGator MCP — designing the artwork, directing the motion, and wiring the interaction. Turns a prompt ("animate this logo", "make a loading spinner", "an icon that reacts on hover") into an art-directed, well-composed piece, then hands off to the MCP's…

not rated 6 changed 9d ago A 177 tokens

shapeitup

1512

asbis/ShapeItUp

Skill Claude Code

Create and modify 3D CAD models using Replicad TypeScript API in ShapeItUp.

not rated 6 changed 1mo ago A 23 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: