17,795 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.
Skill Claude CodeCodex
How to distill a frontend style from an existing project and submit it to the Taste Bank library. Covers the full contribution SOP: identity setup, sampling, packing, desensitization, and CLI submission. Invoke when the user wants to contribute/submit a new style, or distill a project's visual design into a reusable…
patvillarroel/drawio-aws-reference
Skill Claude CodeCodex
Produce AWS architecture diagrams as editable .drawio files using the AWS 2026 shape set (mxgraph.aws4 stencils), with verified stencil names and a validator. Use this whenever an AWS architecture diagram is requested, revised, or reviewed, including when the user only says "draw the architecture", "diagram this"…
bushibohai/creating-social-media-visuals
Skill Claude CodeCodex
A visual-design guide for turning articles, PDFs, screenshots, brand materials, or long text into cover images and educational infographics for Chinese social platforms such as WeChat, Xiaohongshu, and Douyin.
Jakedismo/visual-explainer-extension
Skill Claude CodeCodex
Generate strikingly well-designed, visually pleasing HTML diagrams and reports. Use when the user asks for a diagram, architecture overview, diff review, plan review, project recap, comparison table, or any visual explanation of technical concepts. Also use proactively when you are about to render a complex ASCII…
Deibler/universal-design-principles
Plugin Claude Code
Bundles 33 skills · 3,611 tokens together
Framework-agnostic design principles for cognition, mental models, complexity reduction, and learnability. Covers Hick's Law, Wayfinding, Progressive Disclosure, 80/20 Rule, Chunking, Mental Model, Recognition Over Recall, Consistency, Mimicry, and Iconic Representation. Drawn from the cognition-related entries of…
Lrinvl1203/world-class-web-design-os
Skill Codex
Use for end-to-end website or interface design, redesign, implementation, or major visual polish; orchestrates discovery, references, art direction, systems, build, critique, QA, and release gates.
Skill Codex
Safely browse, create, inspect, install, switch, verify, and remove themes for the Paseo desktop app. Use when a user asks an agent to change Paseo's background, build a theme from an image, apply a Paseo skin, list available themes, diagnose a theme, or restore Paseo's native appearance.
ZachArticulateV/designer-pro-and-seo
Plugin Claude Code
Bundles 41 skills, 14 agents, 1 MCP server · 5,644 tokens together
45 Stable skills (14 Core, 28 Lite, 3 routing) for web design + SEO in Claude Code: design systems, on-brand page rendering, design tokens, build briefs, pre-delivery QA, and CMS porting, plus a full SEO suite (technical, schema, sitemap, content, GEO, hreflang, drift, local, e-commerce) with a real parallel-dispatch…
Plugin Claude Code
Bundles 4 skills · 245 tokens together
Visual Design Mode overlay for annotating, inspecting, and modifying UI elements directly in the browser. Click elements to annotate, hover to inspect box models, and let Claude apply your design feedback to source code.
Plugin Claude Code
Bundles 4 skills · 118 tokens together
Police large volumes of AI-generated frontend work for design-system conformance, and audit the design system itself so it can be policed. Report-only: verdicts, reviews, plans, and issues — it never edits your code.
Skill Claude CodeCodex
Use when designing, refactoring, or reviewing web interfaces that should feel calm, precise, functional, and visually restrained. Applies minimalist UI principles inspired by Ludwig Mies van der Rohe, Louis Sullivan, Massimo Vignelli, Dieter Rams, and Jony Ive, with emphasis on strong typography, structured layouts…
MCP server Claude CodeCodexCursor +2
A local MCP server with full Figma REST API coverage. Runs locally from the figma-mcp-server npm package. Needs 1 environment variable to run.
Skill Claude CodeCodex needs its repo
Ein persönliches Design-System mit einer Dateiablage pro Kunde, einer lokalen Weboberfläche und einer lokalen Verbindung, die passende gespeicherte Designinformationen für neue Arbeiten bereitstellt.
eusouomatt/analog-design-standards
Skill Codex
Portable product design standards for creating, reviewing, or refactoring app UI/UX, especially AI-built web apps, dashboards, CRM surfaces, operational workflows, Home screens, AI chat, command surfaces, artifacts, landing pages, and design-system docs. Use when asked to design, build, critique, improve, or set…
Skill Claude Code
Render and preview SVG animations in the browser with play/pause, timeline scrubbing, zoom & pan, code view, and export. Use when explaining a concept visually with an animated SVG (SMIL, CSS keyframes, or inline-JS), prototyping path-draw / morph / motion-path effects, or iterating on an animated icon, logo, or…
BCS1037/awesome-obsidian-skills
Skill Claude CodeCodex
A tool that converts written content into Excalidraw diagrams saved as Obsidian-ready files. Excalidraw is a sketch-style diagram editor, and Obsidian is a note-taking app.
Skill Claude CodeCodex
Create and edit draw.io diagrams in XML format. Use when the user wants to create flowcharts, architecture diagrams, sequence diagrams, or any visual diagrams. Handles XML structure, styling, fonts (Noto Sans JP), arrows, connectors, and PNG export.
Skill Claude CodeCodex
Build OR modify FigJam boards via the Figma Plugin API. Use when asked to create, edit, extend, restructure, add content to, or fix layout in a FigJam board — initial creation OR follow-up changes. Triggers on "make a FigJam", "build a board", "add to this FigJam", "update this FigJam", "fix the layout"…
deepakkumardewani/color-scheme-mcp
MCP server Claude CodeCodexCursor +2
MCP server "color-scheme-generator" as configured in deepakkumardewani/color-scheme-mcp. Runs locally from the color-scheme-generator npm package.
MCP server Claude CodeCodexCursor +2
MCP server for converting Figma designs to React Native components. Runs locally from the @kailashg101/mcp-figma-to-code npm package.
MCP server Claude CodeCodexCursor +2
MCP server "fontlab-mcp-server" as configured in Dithilli/fontlab-mcp-server. Runs locally from the fontlab-mcp-server Python package.
gianpieropuleo/radix-mcp-server
MCP server Claude CodeCodexCursor +2
A Model Context Protocol (MCP) server for Radix UI libraries (Themes, Primitives, Colors), providing AI assistants with access to component source code, installation guides, and design tokens. Runs locally from the @gianpieropuleo/radix-mcp-server npm package. Needs 1 environment variable to run.
mattcoatsworth/canva-mcp-server
MCP server Claude CodeCodexCursor +2
MCP server "canva-mcp-server" as configured in mattcoatsworth/canva-mcp-server. Runs locally from the canva-mcp-server npm package.
Skill Claude CodeCodex
Create Excalidraw diagrams and render them as PNG images. Use whenever you need to draw, explain complex workflows, visualize UIs/wireframes, or diagram anything.
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: