Design and UX

17,770 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.

design-ops

793

opensesh/DESIGN-OPS

Plugin Claude Code

Bundles 5 skills, 13 commands · 97 tokens together

Design operations toolkit for design companies - dashboard, integrations, and utility commands for team productivity.

not rated 23 3mo ago A tokens not measured original Apache-2.0

theme-factory-addon

794

patrickkrebs/theme-factory-addon

Skill Claude CodeCodex

Expansion pack of 100 curated color and font themes for the theme-factory skill, organized into 14 categories spanning seven aesthetic families (Earthy, Feminine, Coastal, Bold, Boho, Vintage, Luxury), Iconic Brands (Facebook, Instagram, Tesla, Nike, McDonald's, Spotify, Google, Netflix, Coca-Cola)…

not rated 23 3mo ago A 264 tokens original Apache-2.0

bk-design

795

dandacompany/bluekiwi

Skill Claude Code

Create, update, export, and apply BlueKiwi design systems from the registry through MCP tools. Use when the user says "/bk-design", asks to create a design system, apply a registered design system, export a design system skill, or update brand/design tokens in BlueKiwi.

not rated 23 1mo ago A 61 tokens original MIT

agentdraw

796

agentdraw/agentdraw

Skill Claude CodeCodex

Use AgentDraw when the user wants to create a local editable diagram or visual explanation from a prompt, article, document, technical note, or review brief. Best for Mermaid-supported structured diagrams such as flowcharts/sequence/class/state diagrams, and SVG-based explanatory visuals such as article images…

not rated 23 1mo ago A SkillSpector: warn 77 tokens original MIT

solidworks-automation

797

djlex83/solidworks-automation-skill

Skill Claude CodeCodex

Automatisiert SolidWorks CAD-Software über Python und COM-Schnittstelle. Verwende diesen Skill wenn der Nutzer: 2D Skizzen erstellen möchte (Linien, Kreise, Rechtecke, Ellipsen, Bögen, Splines) 3D Features erstellen möchte (Extrusionen, Schnitte, Bohrungen, Fasen, Verrundungen) Drehkörper erstellen möchte (Revolve …

not rated 23 21d ago A 262 tokens original MIT

oO/figma-mcp-write-server

MCP server Claude CodeCodexCursor +2

MCP server "figma-mcp-write-server" as configured in oO/figma-mcp-write-server. Runs /Users/olivier/Projects/figma-mcp-write-server/dist/index.js with node.

not rated 23 9mo ago A tokens not measured

svg-art

799

jarvis-llm-codec/jarvis-code

Skill Claude CodeCodex

Create SVG graphics through programmatic code generation. Use this skill when the user asks to create icons, logos, illustrations, diagrams, data visualizations, generative art, patterns, fractals, or any vector graphics. Provides executable Python scripts for grids, radial patterns, fractals, waves, particles…

not rated 23 1mo ago A 71 tokens original Apache-2.0

web-visuals

800

siimvene/SwarmOps

Skill Claude CodeCodex

Generate emotionally resonant, production-grade web pages and interfaces with extraordinary visual beauty. Trigger this skill when the user says "start building" a web page, landing page, portfolio, app UI, or any web interface where visual excellence is the primary goal. Also trigger on phrases like "make it…

not rated 23 7mo ago A 142 tokens original MIT

arch-flows-visualizer

801

matheuscfrade/arch-flows-visualizer

Skill Claude CodeCodex

Generates interactive HTML visualizations of system architectures and flows from structured JSON data. Use when users request visual documentation of components, connections, data flows, processes, or system interactions in an engaging browser-based format. Trigger words include: visualize architecture, architecture…

not rated 23 4mo ago A 77 tokens

kiki-lgtm-dot/feishu-flowchart-converter

Skill Claude CodeCodex

Extract process logic from uploaded images, DOCX documents, PDFs, XLSX workbooks, CSV/TSV files, or mixed sources; turn it into a traceable, reviewable flowchart draft; require explicit confirmation of the exact current logic version; and only then generate and validate a Feishu-importable Draw.io .drawio file. Use…

not rated 23 +1 changed 7d ago A 105 tokens original Apache-2.0

shadcn

803

kston83/react-ai-template

Skill Claude CodeCodex

Complete shadcn/ui component management for adding, searching, fixing, styling, and composing UI.

not rated 23 4mo ago A 24 tokens

pencil-dev-skill

804

Nisus74/pencil-skill

Plugin Claude Code

Bundles 1 skill · 158 tokens together

Teaches AI coding tools to design, edit, and validate pencil.dev UIs using .pen files, .lib.pen libraries, design-system docs, and the Pencil MCP server.

not rated 23 +1 1mo ago A tokens not measured original MIT

kimi

805

oil-oil/kimi

Skill Claude CodeCodex

Instructions for sending design-focused software tasks to the local Kimi Code command-line tool. It is intended for interface design, frontend work, repository exploration, review, and analysis of images or videos.

not rated 23 changed yesterday A 69 tokens original MIT

easy-wireframe

806

teo5777/easy-wireframe

Skill Claude CodeCodex

A generator for simple black-and-white wireframes and page-flow diagrams for mobile apps and desktop websites. A wireframe is a rough layout showing what appears on each screen and how screens connect.

not rated 23 +1 2mo ago A 145 tokens original MIT

ui-audit-loop

807

zhuanggenhua/BoardGame

Skill Codex

A visual quality gate for checking a finished user interface through real screenshots or recordings from the running app. It makes a PASS or REVISE decision from the player’s view, separately from code or automated test results.

not rated 23 +1 yesterday A SkillSpector: pass 114 tokens original MIT

forja-landing

808

Carlos-Dominguez-faber/forja-landing

Skill Claude CodeCodex

Construye landing pages cinematicas para cualquier tipo de negocio — personal brand, SaaS, agencia, producto, curso, consultor, clínica — con video hero Seedance, crítica anti-AI-slop y auditoría web. Usar cuando el usuario pide construir una landing page. Adapta secciones, copy y CTAs al tipo de negocio. Anti-AI-slop…

not rated 23 +1 4mo ago A 85 tokens original MIT

ui-expert-mcp

809

reallygood83/ui-expert-mcp

MCP server Claude CodeCodexCursor +2

MCP server "ui-expert-mcp" as configured in reallygood83/ui-expert-mcp. Runs locally from the @reallygood83/ui-expert-mcp npm package.

not rated 23 1y ago A tokens not measured original MIT

mermaid-syntax

810

awesome-skills/mermaid-syntax-skill

Skill Claude CodeCodex

This skill should be used when the user asks to "create a mermaid diagram", "fix mermaid error", "mermaid syntax error", "diagram not rendering", "flowchart not working", "sequence diagram broken", "escape special characters in mermaid", or mentions "mermaid", "flowchart", "sequence diagram", "class diagram", "state…

not rated 23 +1 8mo ago A 111 tokens

ux-error-handling

811

parhamb/design-skills

Skill Claude CodeCodex

Error handling UX: destructive action confirmation, undo, empty states, descriptive error messages, crash recovery, and server error handling. This is also the canonical home for empty-state standards. Use when designing or reviewing error states, confirmation dialogs, undo flows, or any screen that needs to handle…

not rated 23 +2 2mo ago A 64 tokens original MIT

clone-website

812

giang6283623/minimal-vibe-coding-kit

Skill Codex

Plan, build, and verify an authorized website clone or migration through one front-loaded requirements session and an optional autonomous A-to-Z run. Use for small marketing or content sites, corporate sites, web applications, and small, medium, or large ecommerce projects from local screenshots, mock JSON, owner…

not rated 23 +2 15d ago A SkillSpector: pass 113 tokens original MIT

excalidraw

813

fabricioartur/codex-excalidraw-skill

Skill Codex

Create, inspect, and edit Excalidraw diagrams as editable .excalidraw JSON files. Use when Codex needs to turn architecture sketches, process flows, user journeys, system diagrams, workshop notes, whiteboard-style visuals, or Mermaid-like node-and-edge specs into an Excalidraw file; modify existing Excalidraw scenes…

not rated 23 +3 3mo ago A 95 tokens original MIT

design-to-code

814

ursazoo/lanhu-to-code

Skill Claude CodeCodex

Lanhu to Code workflow for Claude Code. Convert Lanhu design URLs into Vue/React frontend code with component reuse, design token mapping, TODO-safe business logic, and optional code review.

not rated 22 4mo ago A 42 tokens

favicon-exporter

816

madebypan/FigCC

Skill Claude CodeCodex

Prepare and export favicon assets from Figma in common web sizes and formats.

not rated 22 1mo ago A SkillSpector: pass 19 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: