Design and UX skills

13,365 tagged Design and UX, measured the same way as everything else here.

Browse within: design-system 162agentic-ai 157agentic 152ai-tools 130skills 128ai-design 112byok 106agent 102coding-agents 93desktop-app 93ai-ppt 88ai-ppt-generator 87aippt 87html-ppt 87

fusion-workflows

1441

ffelipev2/MCP-Fusion360

Skill Claude CodeCodex

Use the local Fusion MCP tools when the user wants to inspect or automate Autodesk Fusion 360.

not rated 0 20d ago A 23 tokens

material-icons

1442

ByteFlipper-58/material-icons-agent-skill

Skill Codex

Find, select, and integrate official Google Material Symbols and Material Icons. Use when a user asks to add, replace, search for, export, or choose UI icons; when icon filters such as meaning, category, style, fill, weight, grade, optical size, platform, or output format are specified; or when implementing icons in…

not rated 0 2mo ago A 88 tokens original MIT

booth-layout

1443

thesneakerhead/booth-layout-mcp

Skill Claude CodeCodex

Design and validate a trade-show / vending-event floor plan from a natural-language brief, using the booth-layout MCP tools. Use when someone wants to lay out booths, assign vendors, check aisles/overlaps, or export a floor map.

not rated 0 2mo ago A 53 tokens original MIT

designer-session

1444

dcc-mcp/dcc-mcp-substance3d-designer

Skill Claude Code

Host skill - inspect, author, save, and export a Substance 3D Designer graph. Use when an Agent needs bounded node, connection, parameter, output, package, resource, map, or SBSAR operations instead of arbitrary Python execution.

not rated 0 changed yesterday A 52 tokens original MIT

lanhu-design-to-code

1445

andyjin5/lanhu-schema-mcp

Skill Codex

A workflow for reading Lanhu design projects and turning their design data into user-interface code. Lanhu is a design collaboration tool; the workflow uses its read-only design interface and checks the result against the design.

not rated 0 2mo ago A 116 tokens original MIT

datalab-card-news

1446

modootoday/datalab-extension-mcp

Skill Claude CodeCodex

A tool for planning multi-card visual content, such as social-media carousels, presentations, and slide decks, inside the Datalab Tools photo editor.

not rated 0 15d ago A 79 tokens

search-iconfont-mcp

1447

NingYuanLee/search-iconfont-mcp

Skill Claude CodeCodex

A set of instructions for finding vector icons on iconfont.cn and using them in HTML prototypes. Vector icons are graphics that can be resized without becoming blurry, and HTML prototypes are early web-page versions used for testing a design.

not rated 0 1mo ago A 0 tokens original MIT

appmarquee

1448

furkangonel/AppMarquee

Skill Claude CodeCodex

Use the AppMarquee MCP tools to inspect uploaded app screenshots and create, revise, or validate App Store and Google Play screenshot decks without needing the app source directory. Trigger for store screenshots, screenshot copy, device decks, localization, App Store creatives, or Google Play creatives.

not rated 0 1mo ago A 59 tokens original MIT

dochub-architect

1449

john7ross/dochub-architect-tool

Skill Claude CodeCodex

A tool-assisted workflow for creating and moving architecture diagrams into a DocHub YAML repository. It works with DrawIO and PlantUML diagrams using the C4 model, a way to describe systems at different levels of detail.

not rated 0 3d ago A 136 tokens original MIT

multimodal perception

1450

Bbsong123/vision-mcp

Skill Claude CodeCodex

A visual-analysis skill for images, screenshots, PDFs, charts, and engineering drawings. It tells the agent to inspect visual material with an image-analysis tool instead of guessing.

not rated 0 1mo ago A 48 tokens

frontend-design

1451

walkingzzzy/lvke-mcp

Skill Claude CodeCodex

SuperDesign-based visual UI guidelines (layout, theme, motion, a11y aesthetics). Use when polishing or designing presentation UI — landing pages, marketing, empty states, visual hierarchy, spacing/typography, or net-new decorative surfaces. Do NOT use alone for Lvke workbench product behavior: for web/ workbench…

not rated 0 7d ago A 119 tokens

figma-plugin-api

1452

shinjiyu/figma_mcp

Skill Claude CodeCodex

Constraints and recipes for figma-meta-mcp figmaexec against the Figma Plugin API. Use when writing or reviewing figmaexec code.

not rated 0 1mo ago A 34 tokens original MIT

deepseek-design-vision

1453

ningyougan/deepseek-vision-mcp

Skill Codex

A visual design reader that turns UI screenshots, Figma exports, prototypes, or image links into written layout details and front-end code.

not rated 0 1mo ago A 80 tokens original MIT

scy7796/visionsieve-mcp

Skill Claude CodeCodex

Use only when task correctness depends on visible pixels in a local image, including OCR, UI state, chart or diagram interpretation, or visual before/after verification. Prefer source text or structured data when sufficient. Call the single vision.inspect tool and use its compact evidence.

not rated 0 1mo ago A 59 tokens original MIT

visual-qa

1455

atre/looksy

Skill Claude CodeCodex

Screenshot → AI review → iterate workflow for visual QA of any rendered web page, using the globally installed looksy CLI. TRIGGER when reviewing UI changes in a real browser, doing design review, before/after or visual-regression comparison, WCAG contrast / a11y audit, page performance audit, fleet-wide site checks…

not rated 0 7d ago A 115 tokens original MIT

skill

1456

smorand/mcp-htmleditor

Skill Claude CodeCodex

Skill "skill" from smorand/mcp-htmleditor, covering mcp-htmleditor — skill, description, choisir et créer depuis un template, où sont stockés les templates and le template par défaut.

not rated 0 21d ago A 0 tokens original MIT

pen-editor-design

1457

dan-rozhkov/pen-editor-plugin

Skill Claude CodeCodex

Creates or modifies a design in Pen Editor over MCP — reads editor state, variables, and structure first, then applies changes with the batchdesign mini-script DSL, and verifies the result visually. Use whenever asked to build, edit, restyle, or add to a Pen Editor canvas or document.

not rated 0 2d ago A 63 tokens original MIT

Olorinm/visual-review-workbench

Skill Claude CodeCodex

A local review page that displays the real current frontend beside implemented alternatives under matching screen conditions. A frontend is the part of an application users see and interact with.

not rated 0 1mo ago A 99 tokens original MIT

illustrator-advanced

1459

dcc-mcp/dcc-mcp-illustrator

Skill Claude Code

Reach the complete official Illustrator object model through structured DOM references, with explicit raw ExtendScript fallback for API gaps.

not rated 0 yesterday A 27 tokens original MIT

cool-design

1461

CoolTea001/cool-test-mcp

Skill Claude Code

Project-specific frontend design skill based on the Nuxt UI and Tailwind CSS v4 design system, blending design constraints with general design methodology. Use for all UI implementation and page design tasks. Dark mode is the default theme.

not rated 0 20d ago A 48 tokens original MIT

excalidraw-edit-skill

1462

zzmkxd/excalidraw-mcp-obsidian

Skill Claude CodeCodex

Precision editing of existing Excalidraw elements using structured selection feedback. Use when the agent needs to (1) inspect elements the user has clicked on via getselection, (2) run automated quality checks (textOverflow, overlaps, spacing, readability), (3) precisely modify elements with updateelement, (4) verify…

not rated 0 1mo ago A 132 tokens original MIT

use-seetuu-handoff

1463

mama2222222/seetuu

Skill Codex

A skill for resolving images selected in the Seetuu desktop app through a handoff link. Seetuu is an image-selection tool, and the handoff link identifies the selected images.

not rated 0 1mo ago A 78 tokens original MIT

figma-lens

1464

khanglvm/figma-lens

Skill Codex

Use for every prompt containing a figma.com/design or figma.com/file URL, including implementing pixel-accurate UI, explaining a design or user flow, finding a screen/component inside a large board, or inspecting visual/spec/asset details. Provides the headless read-only Figma Lens workflow through native figmalens…

not rated 0 yesterday A 138 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: