Design and UX

18,967 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.

stellarlinkco/myclaude

Skill Claude CodeCodex

This skill should be used when users need to generate detailed, structured prompts for creating UI/UX prototypes. Trigger when users request help with "create a prototype prompt", "design a mobile app", "generate UI specifications", or need comprehensive design documentation for web/mobile applications. Works with…

not rated 2.8k +3 6mo ago A Socket: passSnyk: pass 81 tokens AGPL-3.0

slides

98

gridaco/grida

Skill Claude CodeCodex

Build a Grida slides deck — a .canvas bundle in slides mode whose pages are SVG documents (16:9, one SVG per slide). Use when creating a presentation, pitch deck, slideshow, or talk.

not rated 2.7k +7 yesterday A SkillSpector: pass 46 tokens original Apache-2.0

uncodixfy

99

cyxzdev/Uncodixfy

Skill Claude CodeCodex

Prevents generic AI/Codex UI patterns when generating frontend code. Use this skill whenever generating HTML, CSS, React, Vue, Svelte, or any frontend UI code to enforce clean, human-designed aesthetics inspired by Linear, Raycast, Stripe, and GitHub instead of typical AI-generated UI.

not rated 2.7k +5 7mo ago A 66 tokens original MIT

excalidraw-skill

100

yctimlin/mcp_excalidraw

Skill Claude CodeCodex

Excalidraw canvas toolkit for creating, editing, and refining diagrams on a live canvas. Use when an agent needs to (1) draw or lay out diagrams, (2) iteratively refine them by describing the scene and screenshotting its own work, (3) export/import .excalidraw files or PNG/SVG images, (4) save/restore canvas…

not rated 2.6k +31 changed 15d ago A Socket: passSnyk: passSkillSpector: warn 155 tokens original MIT

pixel2motion

101

nolangz/pixel2motion

Skill Codex

Turn a raster logo (PNG/JPG/WebP/screenshot) into a clean minimal SVG with edge smoothness as the primary hard gate and IoU optimized as high as reasonably possible without a fixed global threshold, then into a choreographed logo animation delivered as standalone JS-rendered HTML, applying Disney's 12 animation…

not rated 2.6k +36 2mo ago A 163 tokens original MIT

chrome-cdp

102

mattzcarey/shippie

Skill Claude CodeCodex

Drive a headless Chrome over the Chrome DevTools Protocol (CDP) for browser QA — navigate, click, fill forms, read the DOM/accessibility tree, screenshot, and assert. Use whenever a task requires loading a web page and interacting with it like a user. Chrome is launched by a bash step (recipe below); this skill…

not rated 2.5k +5 16d ago A SkillSpector: warn 91 tokens original MIT

emil-design-eng

103

exceptionless/Exceptionless

Skill Claude CodeCodex

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

not rated 2.5k +1 changed 1mo ago A 35 tokens copy · 92% Apache-2.0

logo-generator

104

op7418/logo-generator-skill

Skill Claude CodeCodex

Generate professional SVG logos and high-end showcase images. Use when the user wants to: (1) Create a logo or icon for their product/brand, (2) Generate logo design concepts based on product information, (3) Create professional logo showcase presentations with multiple background styles, (4) Export logos in various…

not rated 2.3k +28 6mo ago A 119 tokens

dstack-prototyping

105

dstackai/dstack

Skill Claude CodeCodex

Use with the dstack skill for model-serving work when the image, serving command, resources, backend/fleet choice, or service behavior is not proven. Guides task-first prototyping on real hardware, choosing fleets/backends that can reuse idle instances and caches, checking vLLM/SGLang sources, and verifying the final…

not rated 2.3k +6 changed 1mo ago A SkillSpector: warn 80 tokens original MPL-2.0

oh-my-ppt-layout

106

arcsin1/oh-my-ppt

Skill Claude CodeCodex

Must be read before creating, relaying out, or repairing Oh My PPT slide layouts. Defines the per-page decision path, the named layout pattern catalog, canvas budgeting, collision avoidance, chart overpack guardrails, and title readability rules.

not rated 2.3k +23 changed 2mo ago A SkillSpector: pass 54 tokens original Apache-2.0

typeui-fundamentals

107

bergside/typeui

Skill Claude CodeCodex

Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements. Use when making design decisions not covered by a specific design system, validating principle compliance, or resolving conflicts between aesthetics and accessibility.…

not rated 2.2k +25 15d ago A 65 tokens

Figma

108

figma/mcp-server-guide

Plugin Gemini CLI ✓ vendor

Integrate Figma into your workflow: Generate code from frames, extract design context, retrieve resources, and ensure design system consistency with your codebase.

not rated 2.2k +22 changed 8d ago A tokens not measured

design-dna

109

zanwei/design-dna

Skill Claude CodeCodex

Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full 3-dimension design structure/schema, (2) a user provides…

not rated 2.1k +27 2mo ago A 192 tokens original MIT

frontend-designer

110

iannuttall/claude-agents

Agent Claude Code

Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical specifications and implementation guides for frontend development. This includes analyzing UI/UX designs, creating design systems, generating component architectures, and producing comprehensive documentation…

not rated 2.0k +1 1y ago A 385 tokens original MIT archived

oil-oil/beautify-github-readme

Skill Codex

Redesign GitHub README homepages or create project-native pure SVG, hybrid SVG-composed PNG/WebP, and opt-in animated GIF assets. Use when a user asks to beautify, redesign, rebrand, visually upgrade, simplify, or audit a GitHub README; create only a hero, section headers, diagrams, badges, motion graphics, showcase…

not rated 1.9k +21 1mo ago A Socket: passSnyk: warnSkillSpector: pass 143 tokens original MIT

ai_ui_skill

112

tuya/TuyaOpen

Skill Claude CodeCodex

AI UI component architecture, patterns, conventions and implementation guide for the wechat-style embedded LVGL UI system.

not rated 1.9k +14 yesterday A 25 tokens

doop

113

kgoedecke/doop

Plugin Cursor

Bundles 1 skill · 53 tokens together

Create and edit HTML designs on a shared canvas with your team and Cursor.

not rated 1.8k +633 yesterday A tokens not measured AGPL-3.0

solidworks-automation

114

wzyn20051216/solidworks-automation-skill

Skill Codex

An automation skill for SolidWorks, a computer-aided design program used to create 3D parts, assemblies, and engineering drawings. It covers verified CAD operations and marks less-tested operations for human review.

not rated 1.8k +152 changed 4d ago A 56 tokens original MIT

dynamic-archify

115

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

Create professional architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as standalone animated HTML files with SVG graphics, flowing animation effects, a built-in dark/light theme toggle, and one-click export to PNG / JPEG / WebP / SVG / GIF / WebM. Accepts plain-language descriptions or pasted…

not rated 1.7k +52 11d ago A SkillSpector: pass 163 tokens original MIT

powergrid-theme

116

Power-Components/livewire-powergrid

Skill Claude CodeCodex

Create or update a PowerGrid v7 theme using the Theme abstract class, per-section token methods (layout/header/table/footer/cols/tabs plus filter/editable/toggleable), config themeoverrides, or ArrayTheme.

not rated 1.7k +1 changed 1mo ago A SkillSpector: pass 49 tokens original MIT

making_pages

117

siddsachar/row-bot

Skill Claude CodeCodex

Templates and rules for interactive pages beside the chat: plans with approvals, checklists, dashboards, comparisons, forms and small tools.

not rated 1.7k +6 today A 29 tokens original Apache-2.0

eval-graphics

118

elvisun/newsjack

Skill Claude Code needs its repo

Turn an eval study's numbers into on-brand, publish-ready figures using the Newsjack chart room (the eval design system), then validate them with Playwright. For producing the charts in a published eval/data study.

not rated 1.7k +12 yesterday A SkillSpector: pass 47 tokens original MIT

accessibility

120

microsoft/hve-core

Skill Claude Code needs its repo ✓ vendor

Consolidated accessibility skill entrypoint for WCAG 2.2, ARIA Authoring Practices, cognitive accessibility, Section 508, EN 301 549, design intent verification, and the Accessibility Planner workflow.

not rated 1.6k +18 changed 1mo ago A SkillSpector: warn 47 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: