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.

ux-principles-skill

1537

dereyurtali/ux-principles-skill

Plugin Claude Code

Bundles 1 skill · 151 tokens together

Practical UX, interaction-design, and visual-design principles for Claude to design, build, and review user interfaces. Seven reference files distill and cite foundational books — Norman (Design of Everyday Things), Cooper (About Face), Lidwell (Universal Principles of Design), Lupton (Thinking with Type), Buxton…

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

svelte-ui-components

1538

juspay/shooter

MCP server Claude CodeCodexCursor +2

MCP server for @juspay/svelte-ui-components - provides structured access to component props, CSS variables, and usage patterns. Runs locally from the @juspay/svelte-ui-components-mcp npm package.

not rated 5 2mo ago A tokens not measured

ziiinian/openpencil-design-orchestrator

Skill Claude CodeCodex

Orchestrate Pencil/OpenPencil design work through MCP using a staged workflow: preflight, planning, skeleton, section content, refinement, and safe fallback. Use when working with Pencil/OpenPencil, .fig/.pen design files, MCP-based design editing, or when Claude Code, Codex, Cursor, or Windsurf needs reliable prompt…

not rated 5 7mo ago A 92 tokens original MIT

logo-designer

1541

smeseik-ai/arabic-content-studio

Skill Claude CodeCodex

A guided workflow for creating logos, brand marks, wordmarks, icons, and other visual identity elements. A wordmark is a logo made mainly from a company or product name.

not rated 5 7mo ago A 147 tokens

web-a11y-authoring

1542

klovaaxel/web-a11y-agent-skills

Skill Claude CodeCodex

Builds accessible pages and components with semantic HTML, correct names/roles/states, keyboard support, focus management, links, images, SVG, media, and native controls first. Use when implementing or refactoring frontend UI.

not rated 5 6mo ago A 52 tokens original MIT

dna

1543

punt-labs/z-spec

Agent Claude Code

Cognitive scientist and design theorist. Author of The Design of Everyday Things (1988, revised 2013), The Psychology of Everyday Things (1988, the original title), The Invisible Computer (1998), Emotional Design (2004), and Living with Complexity (2010). Co-founder with Jakob Nielsen of the Nielsen Norman Group…

not rated 5 yesterday A 114 tokens original MIT

shotkit

1544

nicolocurioni96/withnico-skills

Skill Cursor

Autonomously generate, design, and organize App Store screenshots for iOS and iPadOS apps. Use this skill whenever a developer asks to create App Store screenshots, generate screenshot assets, design screenshot templates, capture simulator screens, produce localized screenshots, or organize screenshots by device size.…

not rated 5 3mo ago A 0 tokens original MIT

elvia-design-system

1545

3lvia/designsystem

Skill Claude CodeCodex

Reference for UI components and patterns in Elvia's design system ("Elvis"). Covers component- and pattern-specific guidelines for sizing, color tokens for custom UI, types, ordering, labeling, accessibility attributes, CSS setup, and web-component registration. Use when building, reviewing, or fixing UI in an Elvia…

not rated 5 changed 15d ago A 103 tokens

semaframe-engine

1546

riseagain1/semaframe

Skill Codex

Control an open SemaFrame universal 2D/3D component workspace through MCP or its OpenAPI fallback. Use when an agent, including a realtime voice or multimodal client, needs to inspect, model, create, arrange, update, connect, present, undo, or redo exact spatial assemblies, reusable models, Gaussian-splat Reality…

not rated 5 changed 22d ago A SkillSpector: pass 99 tokens original MIT

shadcn

1547

agudulin/infomate-mcp

MCP server Claude CodeCodexCursor +2

Add components to your apps. Runs locally from the shadcn npm package.

not rated 5 10mo ago A tokens not measured

shadcn

1548

nikolailehbrink/llm-stack

Skill Claude CodeCodex

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for…

not rated 5 3mo ago A 90 tokens

cinematic-motion

1549

Kingdaddy007/my-os

Skill Claude CodeCodex

Use this skill when building cinematic, animated, or immersive web experiences. Covers scroll-driven storytelling (GSAP, ScrollTrigger, SplitText, video scrubbing, parallax, mask reveals), 3D product showcases (R3F, Zustand, studio lighting, model switching, video textures), layout composition (bento grids, masonry…

not rated 5 5mo ago A 250 tokens

design-review

1550

netanelavr/dotcursor

Skill Claude CodeCodex

Stress-test a plan or design against domain language, docs, and code. Ask hard questions one at a time. Update CONTEXT.md and ADRs as decisions crystallize. Use when you already have a draft plan or spec and want to find gaps before implementation.

not rated 5 5mo ago A 56 tokens

fleet-design-system

1551

marcus-ant/cc-agents-workshop-fleetos

Skill Claude Code

Apply the FleetOS industrial dark-theme design system to any FleetOS page or component. Use when building new FleetOS surfaces to ensure visual consistency.

not rated 5 6mo ago A 33 tokens

design-lens-workshop

1552

Zio-Net/skills

Skill Codex

Use when a user explicitly asks to workshop, deepen, challenge, or compare a feature's technical design before implementation. Do not use for ordinary coding requests or implementation plans.

not rated 5 8d ago A 40 tokens original MIT

create-ui-app

1554

logos-co/logos-dev-boost

Skill Claude Code

Activate when creating a Logos Basecamp UI app. Covers two subtypes — pure QML (no C++) and QML + process-isolated C++ backend with Qt Remote Objects.

not rated 5 15d ago A 0 tokens

ingeniero-web-pro

1555

angelapaia/ingeniero-web-pro

Skill Claude Code

Skill end-to-end para construir webs y landings profesionales con Next.js 16, React 19, Tailwind CSS v4, shadcn/ui y Framer Motion. Pensada para que un usuario sin conocimientos técnicos pueda PREVISUALIZAR estilos en su navegador antes de elegir, y completar la página de principio a fin (intake, brief, diseño, build…

not rated 5 6mo ago C 294 tokens

design-advisor-en

1556

YuriCrystal/design-advisor

Skill Claude CodeCodex

Design advisor (graphic/visual × UI/UX/product). Synthesized from the design field's long-accumulated public consensus, classic principles, and industry-standard methods, offered as a neutral advisor providing design judgment and recommendations — not representing or impersonating any specific designer. Covers two…

not rated 5 5mo ago A 256 tokens original MIT

Luispitik/salgadoia-web-design-engineer-pro

Skill Claude Code

Skill end-to-end para construir webs y landings profesionales con Next.js 16, React 19, Tailwind CSS v4, shadcn/ui y Framer Motion. Pensada para que un usuario sin conocimientos técnicos pueda PREVISUALIZAR estilos en su navegador antes de elegir, y completar la página de principio a fin (intake, brief, diseño, build…

not rated 5 6mo ago C 299 tokens

huashu-design

1558

itgoyo/multica-skills

Skill Claude CodeCodex

A design toolkit that uses HTML to make detailed prototypes, interactive demos, slides, animations, and design variations.

not rated 6 5mo ago A 503 tokens

tourze/ai-infra

Skill Claude CodeCodex

Material Design 3 and Android platform guidelines. Use when building Android apps with Jetpack Compose or XML layouts, implementing Material You, navigation, or accessibility. Triggers on tasks involving Android UI, Compose components, dynamic color, or Material Design compliance.

not rated 5 7mo ago A 55 tokens

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: