17,551 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.
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.
guiguiyan930-source/game-ui-design-workflow
Skill Claude CodeCodex needs its repo
Orchestrates an end-to-end game UI workflow from game design (GDD), PRD, and UI interaction logic through design specification, screen-system extension, page image generation, component breakdown, sprite-sheet splitting, PNG ZIP packaging, atlas packing, engine JSON handoff, asset registration, and validation. Use…
Skill Claude CodeCodex
After building any UI component, extract the visual patterns that matter for consistency and save them to ui-registry.md. So every component built after this one matches what came before.
Cursor rule Cursor
Wonder Blocks design system conventions, component patterns, and coding standards.
content-designer/ux-writing-skill
Skill Claude CodeCodex
Create user-centered, accessible interface copy (microcopy) for digital products including buttons, labels, error messages, notifications, forms, onboarding, empty states, success messages, and help text. Use when writing or editing any text that appears in apps, websites, or software interfaces, designing…
Skill Claude CodeCodex
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
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…
Skill Codex
A method for turning content, screenshots, sketches, or existing HTML diagrams into simple instructional line drawings made with inline SVG, a web format for vector graphics.
Cursor rule Cursor
Design the structural anatomy of screens at wireframe fidelity — what goes where and why, before anyone argues about how it looks. Part of the Intent design strategy system. Produces lo-fi idea boards for divergent exploration, complete interactive grayscale wireframes with real labels and real hierarchy, and…
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…
Skill Claude CodeCodex
Mermaid diagrams following the C4 model: context, container, component, sequence, ER and deployment. Use when saying "diagram", "visualize", or "architecture diagram".
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.…
Plugin Claude Code
Bundles 5 skills, 1 hook, 1 MCP server · 401 tokens together
Compiler-driven design generation in Figma — 100% design system compliant. Compiles component specs into verified Figma output via MCP.
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.
Plugin Claude Code
Bundles 7 skills, 1 MCP server · 295 tokens together
Secure access to Miro boards. Enables AI to read board context, create diagrams, and generate code with enterprise-grade security.
Skill Claude CodeCodex
Design Apple-style iOS/macOS interfaces following Human Interface Guidelines. Creates HIG-compliant components with SF Symbols, San Francisco typography, and proper accessibility. Supports optional modern effects. Use when designing Apple-style UI, iOS/macOS interfaces, HIG-compliant components, or implementing design…
MCP server Claude CodeCodexCursor +2 ✓ vendor
One of 5 in .mcp.json
MCP server and Claude Code skill for the design-data agent surface — read tools run in-process via wasm. Runs locally from the @adobe/design-data-agent-mcp npm package. Needs 5 environment variables to run.
MCP server Claude CodeCodexCursor +2
MCP server "figma" as configured in TimHolden/figma-mcp-server. Runs /ABSOLUTE/PATH/TO/figma-mcp-server/dist/index.js with node. Needs 1 environment variable to run.
BV-Venky/excalidraw-architect-mcp
Skill Claude CodeCodex
Choose and compose the right Excalidraw diagram - architecture, flowchart, sequence, state, ER, swimlane, process, timeline, quadrant, pyramid, venn, loop, gantt, bar, line, scatter, and more - using the excalidraw-architect-mcp server. Use whenever a reader would learn more from a picture than from prose, or when…
Skill Codex
Generate new raster assets that must contain native pixel transparency, then verify the untouched PNG or WebP before delivery. Use for transparent stickers, sprites, character cutouts, product assets, and furry or fine-edged subjects where background removal would be unacceptable. Do not use to remove a background…
Skill Claude CodeCodex
A design skill for creating macOS interface prototypes and visual designs for Starcat, a GitHub star-management and AI knowledge-organising app. It follows Apple’s Liquid Glass design language for macOS 26.
Skill Claude Code
Generate a SVG code for an image or a description.
Skill Claude Code
A design-production guide for creating high-fidelity visual work in HTML, including prototypes, slide decks, animations, mobile mockups, and visualisations.
Skill Claude CodeCodex
Create presentation slides using Material You (Material Design 3) style. Generates 1280x720 HTML slides with M3 color tokens, Roboto typography, rounded cards, flow diagrams, metric cards, code blocks, and structured layouts. Use when the user asks to create slides, presentations, or decks and wants a clean, modern…
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: