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.

visiomaster

169

Rss3208/Visiomaster

Skill Codex

Windows-first Visio diagram reconstruction workflow for flowcharts, architecture diagrams, and paper-style module figures. Reuses ppt-master style analysis and composition discipline on the front half, but outputs editable Visio .vsdx plus exported .svg and .png through a scene.json to Visio pipeline. Use when the…

not rated 848 +3 1mo ago A 85 tokens original MIT

openflowkit-mcp

170

Vrun-design/openflowkit

MCP server Claude CodeCodexCursor +2

Local-first OpenFlowKit diagramming tools for Claude, Cursor, Windsurf & other MCP clients. Runs locally from the @vrun-design/openflowkit-mcp npm package.

not rated 848 26d ago A tokens not measured original MIT

cc-design

171

ZeroZ-lab/cc-design

Plugin Claude Code

Bundles 1 skill · 107 tokens together

High-fidelity HTML design skill with structured design planning, Iron Law guardrails, and verification-first delivery.

not rated 831 4mo ago A tokens not measured

web-design

172

xiaopu-ai/web-design

Skill Claude CodeCodex

A web design workflow for turning a brief, reference website, screenshot, or keywords into a design specification and then web code. It covers visual style, page structure, interaction, responsive layouts, and motion.

not rated 812 +5 4mo ago A 151 tokens original MIT

openbrand

174

tight-studio/OpenBrand

Skill Claude CodeCodex

Extract brand assets (logos, colors, backdrop images, brand name) from any website URL. Use when building branded interfaces, generating style guides, or needing brand identity data from a URL.

not rated 806 +2 5mo ago A 41 tokens original MIT

apple-hig

175

justinwetch/HIGAgentSkills

Skill Claude CodeCodex

Apple Human Interface Guidelines reference, updated for iPhone Duo and OS 27. Provides authoritative platform-specific design rules, component specifications, exact measurements, and interaction patterns for iOS, iPadOS, macOS, tvOS, visionOS, and watchOS. Use when designing, reviewing, auditing, or fixing any Apple…

not rated 804 +102 changed 1mo ago A 158 tokens original MIT

page-solution-design

176

yunshu0909/yunshu_skillshub

Skill Claude CodeCodex

A structured process for deciding what a web page should do, what it should contain, how it should be arranged, and how it should look. It ends with a handoff package for development.

not rated 789 +1 changed 1mo ago A 390 tokens original MIT

zarazhangrui/beautiful-feishu-whiteboard

Skill Claude CodeCodex

A library of 35 curated colour palette styles for building beautiful, editable Feishu / Lark (飞书) whiteboards from SVG. Use this whenever the user wants to create or draw a Feishu whiteboard, infographic, diagram, poster, or visual explainer and wants it to look polished, on brand, or in a particular aesthetic, or…

not rated 785 +5 4mo ago A 155 tokens original MIT

coco-diagram

178

coco-research/coco

Skill Claude CodeCodex

Use for architecture, current-state, process, data-flow, medallion, or DP diagrams, including redrawing .drawio and Mermaid sources. Creates branded flowchart, sequence, ER, org, timeline, and chart visuals as standalone HTML/SVG/PNG.

not rated 785 +12 changed 1mo ago A 59 tokens original Apache-2.0

tool-ui

180

assistant-ui/tool-ui

Plugin Claude Code

Bundles 1 skill · 89 tokens together

Develop assistant-ui tool UIs using Tool UI components.

not rated 778 +1 2mo ago A tokens not measured original MIT archived

gutenberg-build-page

181

use-novamira/novamira

Skill Claude CodeCodex

Build or edit a page in the live Gutenberg block editor with Novamira Visual tools. Use when creating or changing native block content (headings, paragraphs, lists, images, columns, groups) in the open block editor.

not rated 753 +3 2d ago A SkillSpector: pass 51 tokens AGPL-3.0

taste-skill

182

best-of-ai/best-of-ai

Skill Claude CodeCodex

Taste Skill, subtitled "the anti-slop frontend framework for AI agents," adjusts layout, typography, motion, and spacing in AI-generated interfaces. The skills cover different registers, including a minimalist editorial style and an industrial brutalist style, and several generate reference images before any code is…

not rated 753 +6 changed yesterday A 63 tokens

genjutsu

183

AThevon/genjutsu

Plugin Claude Code

Bundles 20 skills · 836 tokens together

Genjutsu - the art of illusion for Claude Code and claude.ai. Cast motion and paint visual signatures into Web, Android (Compose), and Apple (SwiftUI) interfaces. Anti-AI-slop creative coding.

not rated 749 +32 changed 4d ago A tokens not measured original

figma-use

184

Haohao-end/openagent

Skill Codex

MANDATORY prerequisite — you MUST invoke this skill BEFORE every usefigma tool call. NEVER call usefigma directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in…

not rated 748 +27 yesterday A SkillSpector: pass 114 tokens original MIT

frontman-dev

185

frontman-ai/frontman

Skill Claude CodeCodex

AI-powered visual frontend editing in your browser. Click any element in your running app, describe changes in plain English, and get real source file edits with instant hot reload. Works with Next.js, Astro, and Vite.

not rated 721 +1 yesterday A 49 tokens

spatial-computing

186

HorizonRobotics/EmbodiedGen

Skill Claude CodeCodex

Visualizes floorplans from URDF scene files and inserts/removes 3D assets with collision-aware placement on surfaces. Supports semantic instance matching via LLM (e.g., "put lamp on bookshelf", "delete sofa in living room"). Use when working with URDF/USD indoor scenes, floorplan visualization, object…

not rated 718 +6 2mo ago A SkillSpector: pass 79 tokens original Apache-2.0

shadcn

187

mohebifar/tooscut

MCP server Claude CodeCodexCursor +2

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

not rated 716 25d ago A tokens not measured

excalidraw

188

boldsoftware/shelley

Skill Claude CodeCodex

Use when the user asks for a diagram, sketch, flowchart, architecture diagram, sequence diagram, mind map, or other visual explanation. Renders hand-drawn-style diagrams from Excalidraw JSON via the outputiframe tool.

not rated 716 +3 yesterday A 53 tokens

flowful-ai/cad-skill

Skill Claude CodeCodex

Use this skill when the user wants to design a 3D-printable physical object they intend to manufacture. Triggers: any mention of '3D print', 'STL', 'parametric model', 'Gridfinity', 'enclosure', 'bracket', 'mount', 'case', 'housing', 'CadQuery', 'OpenSCAD', or a specific FDM printer (Bambu Lab, Prusa, Ender)…

not rated 715 +6 12d ago A 207 tokens

refactoring-ui

190

s0xDk/refactoring-ui-skill

Skill Claude CodeCodex

Design and improve user interfaces using the concrete rules from Refactoring UI (Wathan & Schoger) — constrained spacing/type/color/shadow scales, visual hierarchy through weight and color rather than size, and depth through emulated light. Use when building or styling any UI (web, app, dashboard, landing page…

not rated 688 +10 2mo ago A 124 tokens

qiaomu-design

191

joeseesun/qiaomu-design

Skill Claude CodeCodex

A design review and redesign guide that combines product reasoning, visual design references, interaction patterns, and engineering checks for user interfaces.

not rated 675 +7 changed 24d ago A 202 tokens original MIT

drawio

192

sparklabx/drawio-ai-kit

Skill Claude CodeCodex

Use when the user asks for any draw.io diagram — cloud architecture (AWS, Azure, GCP, Databricks, multi-cloud, hybrid/DR, landing zone, VPC/network, serverless, data pipeline) or a business process (BPMN, swimlane, workflow with roles). Builds with the drawio-ai layout engine using real stencils, validates, and runs a…

not rated 668 +2 25d ago A 102 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: