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.

motion-design-skills

361

iart-ai/motion-design-skills

Plugin Claude Code

Bundles 9 skills · 1,061 tokens together

Motion design fundamentals, engines, and brand elements as installable skills for AI coding agents — timing, typography, color, composition, After Effects, Remotion, logos, and backgrounds.

not rated 201 +18 4mo ago A tokens not measured original MIT

drawai-image2ppt

364

Renaissance-Mind/DrawAI

Skill Codex

A toolset that turns finished slide images into editable PowerPoint files. It builds, edits, exports, and checks the presentation using either a connected Workbench or the current coding session.

not rated 195 +1 changed 25d ago A 70 tokens original Apache-2.0

sql2er

365

ystemsrx/sql_to_ER

Skill Codex

Use when the user wants a Chen-model ER diagram from SQL CREATE TABLE statements or DBML, wants to rearrange or clean up an existing sql2er state, wants a skeleton-only overview with attributes hidden at generate time, or needs drawio/svg/png/json/html exports with final visual review.

not rated 192 changed 2mo ago A 63 tokens AGPL-3.0

dashmotion

366

csthink/dashmotion

Skill Claude CodeCodex

Create dark-themed, animated technical diagrams as self-contained HTML+SVG files — flowcharts whose connectors visibly flow, and architecture diagrams where requests travel as light dots through the system (Diagrid/Temporal landing-page style). Use this skill whenever the user asks for a flowchart, workflow, pipeline…

not rated 191 +7 4mo ago A SkillSpector: warn 187 tokens original MIT

mcp

367

keyline-icons/keyline-icons

MCP server Claude CodeCodexCursor +2

Search Keyline Icons by name and get any icon's SVG source or React import. No key, no network. Runs locally from the @keyline-icons/mcp npm package.

not rated 188 +2 4d ago A tokens not measured original MIT

ui-design

368

mblode/agent-skills

Skill Claude CodeCodex

Designs and builds React/Next/Tailwind UI, audits visual and interaction defects, and stress-tests components with worst-case data. Use when asked to "build a landing page", "extract our design system", "add dark mode", "make this responsive", "remove UI slop", "audit this component", "stress-test this component"…

not rated 187 +10 changed 15d ago A Socket: passSnyk: passSkillSpector: pass 86 tokens original MIT

awesome-design-html

369

yzfly/awesome-design-html

Skill Claude CodeCodex

A collection of 118 single-page HTML design references, including a Chinese Traditional Colors swatch page and 96 examples of marketing websites.

not rated 184 +4 4mo ago A 405 tokens

tao943/build-resume-portfolio-site

Skill Claude CodeCodex

Use when turning resume materials and an optional job description into verified, approved content and a runnable React + Vite resume or portfolio site, or when redesigning an existing confirmed site.

not rated 183 +2 changed 2mo ago A 43 tokens

fig-draw

371

Azhi-ss/academic-figure-skills

Skill Claude CodeCodex

Plan, generate, inspect, and refine academic figures from repositories, papers, draft notes, paper URLs, PDFs, or reference images. Design evidence-grounded academic figures and construct, diagnose, or revise scientific image prompts, including semantic palettes, reference-led styles, prompt engineering…

not rated 183 +6 26d ago A 85 tokens original MIT

dembrandt

372

dembrandt/dembrandt-skills

Plugin Claude Code

Bundles 45 skills, 1 MCP server · 1,630 tokens together

45 UX and design-system skills for AI agents: brand foundation, design tokens, layout, components, UX polish and an accessibility gate, plus live token extraction from any site through dembrandt.

not rated 183 +4 changed 5d ago A tokens not measured original MIT

tui-design

373

pass-agent/loomkin

Skill Claude CodeCodex

This skill should be used when designing terminal user interfaces, creating TUI layouts, choosing TUI color schemes, implementing keyboard navigation, building terminal dashboards, or working with any TUI framework. Activates on mentions of TUI design, terminal UI, Ratatui layout, Ink components, Textual widgets…

not rated 182 +1 5mo ago A 109 tokens original MIT

design-doc-mermaid

374

SpillwaveSolutions/design-doc-mermaid

Plugin Claude Code

Bundles 1 skill · 79 tokens together

Default diagrams for design docs, walkthroughs, and requirements (flowchart, sequence, class, ER, state, C4). GitHub wiki renders the fence. Confluence needs PNG or SVG as well.

not rated 182 +3 2mo ago A tokens not measured

brand-design-skill

375

ziguishian/brand-design-skill

Skill Codex

Drive a strict conversational, image-first and image-final brand identity design process. Use when the user asks for brand design, logo inspiration, logo exploration, AI-generated logo images, VI/visual identity systems, brand manuals, identity guidelines, application mockups, or premium HTML brand books. The skill…

not rated 182 +6 4mo ago A 143 tokens

revealjs-presenter

376

jwynia/agent-skills

Skill Claude CodeCodex

Generate RevealJS HTML presentations with reliable layout, professional typography, and effective visual communication. Use when creating slide decks, pitch presentations, technical talks, or any reveal.js output.

not rated 182 +2 8mo ago A Socket: passSnyk: warn 41 tokens

render

377

mfranzon/render

Skill Claude Code

Generate a 3D model from a text description or reference image using build123d and render it in the browser viewer. Use when asked to "render", "make a 3D model", "create a part", "design a", "model a", "model from image", "recreate this", or any 3D modeling request. Supports reference photos, sketches, and drawings.…

not rated 181 +4 3mo ago A 128 tokens

design-tokens

378

dylanfeltus/skills

Skill Claude CodeCodex

Generate type scales, color palettes, spacing systems, WCAG contrast checks, and dark mode derivations with math. Use when setting up a design system, creating tokens, or building a Tailwind/CSS theme. Outputs CSS custom properties, Tailwind config, or JSON tokens.

not rated 180 1mo ago A 60 tokens original MIT

ios-accessibility

379

dadederk/iOS-Accessibility-Agent-Skill

Skill Codex

Expert guidance on iOS accessibility best practices, patterns, and implementation. Use when developers mention: (1) iOS accessibility, VoiceOver, Dynamic Type, or assistive technologies, (2) accessibility labels, traits, hints, or values, (3) automated accessibility testing, auditing, or manual testing, (4) Switch…

not rated 176 8mo ago A Socket: passSnyk: pass 101 tokens original MIT

Figma NPM cmd

380

Antonytm/figma-mcp-server

MCP server Cursor

One of 5 in mcp.json

MCP server "Figma NPM cmd" as configured in Antonytm/figma-mcp-server. Launched with cmd /c npx @antonytm/figma-mcp-server@latest.

not rated 176 1mo ago A tokens not measured original Apache-2.0

jarvis-onshape-mcp

381

ReshefElisha/jarvis-onshape-mcp

Plugin Claude Code

Bundles 2 skills · 163 tokens together

Jarvis Onshape MCP — let Claude drive real Onshape CAD. Sketches, extrudes, fillets, mates, parametric iteration, FeatureScript custom features. Includes the vision-decomposition skill (zoom-and-describe a reference image into a structured feature tree before building) and side-by-side reference comparison tool.…

not rated 175 6mo ago A tokens not measured

interface-kit

382

JuliusBrussee/skills

Skill Claude CodeCodex

Authoritative guide for implementing stunning, accessible, performant UI. Synthesizes design engineering philosophy, accessibility standards, animation principles, spatial design, typography, color systems, and component craft into a single actionable reference. Complements the design-system skill (which covers…

not rated 175 +5 3mo ago A Socket: passSnyk: passSkillSpector: pass 125 tokens original MIT

touchine-ojo/OJO-Design-Skills

Skill Claude CodeCodex

Comprehensive App UI/UX design best practices. Supports two tracks: Convention Track (adopt a proven design language for SaaS/utility products) and Innovation Track (multiple brand-driven design methodologies — Material Metaphor, archetype-driven, narrative-driven, cultural-semiotic — for brand-driven products). Use…

not rated 173 +4 5d ago A SkillSpector: pass 208 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: