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.
Skill Codex
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…
itsocialist/mcp-config-manager
MCP server Claude CodeCodexCursor +2
MCP server "figma-dev-mode", hosted remotely at 127.0.0.1, as configured in itsocialist/mcp-config-manager.
karlng279/ai-ready-product-workflow-v2
Skill Claude CodeCodex
Produces COMP-XXX component specifications from wireframes. Enforces COMP-XXX/COMP-XXX-EL-YYY ID format, ShadCN component mapping with variants and states, Tanstack Table full configuration, accessibility requirements, and AC traceability. Triggers on: component spec, COMP-XXX, ShadCN component, design to code…
Skill Codex
Direct, design, implement, animate, critique, audit, polish, and deploy distinctive production frontend interfaces for websites, landing pages, web apps, dashboards, mobile concepts, and desktop shells. Use for new frontend builds, redesigns, bland or visually generic UI, messy interfaces, design systems, Vue Bits or…
segunadebayo/design-eng-skills
Plugin Claude Code
Bundles 4 skills · 172 tokens together
State machine design, changeset writing, engineering writing, and component API design skills.
Skill Claude CodeCodex
A skill for turning video or presentation scripts into clear Excalidraw whiteboard diagrams. Excalidraw is a drawing tool for hand-drawn-style diagrams.
Cursor rule Cursor
One-ink UI system for Portfolio v3 (cobalt ink on cream paper). Enforce tokens, surfaces, page patterns, motion and analytics rules.
Skill Codex needs its repo
Transform existing or new websites, web apps, landing pages, dashboards, and UI prototypes into a refined modern Chinese ink-wash / guse-guoxiang visual style. Use when Codex is asked to make a site water-ink, sumi-e, Chinese classical, oriental, guofeng, ancient elegant, xuan paper, ink brush, or to apply the bundled…
Plugin Claude Code
Bundles 1 skill · 104 tokens together
Local visual editor for HTML design files. Click elements to edit text, fonts, layout, and backgrounds. Layers panel, transform handles, carousel multi-edit, PNG/JPG export.
Shiven0504/claude-skills-collection
Skill Claude CodeCodex
Audit and fix accessibility issues in React/Next.js components — WCAG compliance, ARIA patterns, keyboard navigation, color contrast, screen reader support, and semantic HTML. Use this skill whenever the user asks about accessibility, a11y, WCAG compliance, screen reader support, keyboard navigation, focus management…
clientIO/jointjs-claude-playground
Plugin Claude Code
Bundles 5 skills · 779 tokens together
JointJS-powered interactive playground skills — (1) code map visualizations for library/codebase architecture (supports local codebase analysis), (2) data explorer diagrams for database schemas and entity models (supports local schema files), both on a shared graph-explorer framework — (3) canvas builder for…
Plugin Claude Code
Bundles 2 skills, 13 commands, 4 hooks · 140 tokens together
A highly customizable status bar plugin for Claude Code with multi-theme support, i18n, and real-time monitoring.
Plugin Claude Code
Bundles 9 skills · 639 tokens together
Rook — an MCP bridge for Rhino 3D and Grasshopper, with skills for designing, planning, and executing parametric definitions and LLM-powered Chirp components.
Plugin Claude Code
Single-plugin marketplace for Canvas-to-Code — translates canvas designs (HTML + screenshot) into design-system-aligned code through eleven explicit gates.
stephengpope/claude-design-importer
Plugin Claude Code
Bundles 1 skill · 87 tokens together
Convert pixel-exact design mockups (e.g. HTML from Claude's design tool) into production Tailwind / shadcn-on-Radix components that use a real token system instead of arbitrary values like text-[13.5px].
gregorymm/design-review-plugin
Plugin Claude Code
Bundles 1 skill · 64 tokens together
UI/UX design review skill based on FormFactor design school methodology. Reviews designs against professional standards for visual hierarchy, spacing, typography, color, layout composition, and Figma best practices.
Skill Claude CodeCodex
WordPress block pattern conventions. Use this skill before writing, editing, or reviewing any pattern file — regardless of theme or project. Triggers on: "create a pattern", "write a pattern file", "add a pattern", "build a template pattern", or any task that produces a file under /patterns/. Read this before writing…
Plugin Claude Code
Bundles 1 skill, 1 command, 1 agent · 31 tokens together
Create detailed Mermaid diagrams for architecture, flows, ERDs, and more — and improve READMEs with visual documentation.
Skill Claude Code
Semi-automated design quality review for Flows apps. Runs concrete repo probes (grep, lint, build) to propose a draft 1–5 score for each of the official 10 quality-guidelines questions from docs.cognite.com/cdf/flows/guides/quality-guidelines, then asks the user to confirm or override each score. Still requires the…
wzh4464/software-design-mermaid-mcp
MCP server Claude CodeCodexCursor +2
MCP server "software-design-mermaid-mcp" as configured in wzh4464/software-design-mermaid-mcp. Runs locally from the software-design-mermaid-mcp npm package.
liqi888/mcp-server-processon-node
MCP server Claude CodeCodexCursor +2
ProcessOn MCP Server - create mind maps from markdown. Runs locally from the @processon/mcp-server-processon-node npm package.
weppa-cloud/material3-mcp-server
MCP server Claude CodeCodexCursor +2
MCP server for Material 3 design system - provides AI agents with access to components, themes, and design tokens. Runs locally from the @weppa-cloud/material3-mcp-server npm package.
MCP server Claude CodeCodexCursor +2
MCP server for accessible agentic coding — WCAG audit tools for AI coding agents. Runs locally from the @accesslint/mcp npm package.
MCP server Claude CodeCodexCursor +2
MCP server for generating draw.io diagrams using mxgraph. Create and manage diagrams programmatically with VSCode compatibility. Runs locally from the drawio-mcp npm package.
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: