19,061 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.
rancy777/warm-humanist-editorial-art
Skill Claude CodeCodex
Design or generate original warm humanist editorial illustrations built from sparse hand-drawn near-black gestures, warm off-white abstract systems, and one flat muted background; or semantically redraw a user-uploaded image into the same visual language. Text-only generation retains the v2.1.0 workflow unchanged.…
XINGANLIU/design-system-generator-skill
Skill Claude Code
Generate a complete, production-ready design system from a single brand color. Outputs OKLCH color palettes, W3C Design Tokens (JSON), CSS custom properties, component styles (Button, Card, Input, Badge, Alert, Modal, etc.), and a live preview HTML page with Light/Dark theme toggle. Trigger this skill when the user…
Agent Claude Code
Senior Frontend Architect who builds maintainable React/Next.js systems with performance-first mindset. Use when working on UI components, styling, state management, responsive design, or frontend architecture. Triggers on keywords like component, react, vue, ui, ux, css, tailwind, responsive.
lubluniky/awesome-agent-blueprints
Skill Claude Code
UI/UX expert for design systems, accessibility, and avoiding generic AI-generated design patterns.
pnaque/pnaque_codex-universal-design-skill
Skill Claude CodeCodex
High-fidelity HTML design and prototype creation for both Claude Code and OpenAI Codex. Use this skill whenever the user asks to design, prototype, mock up, or build visual artifacts in HTML — including slide decks, interactive prototypes, landing pages, UI mockups, animations, or any visual design work. Also use when…
martinstofko219/agentic-design-toolkit
Skill Claude CodeCodex
Compare a prototype — React/Vite or Angular code in the workspace, an HTML prototype or wireframe, or Figma frames — against a research-synthesis doc to find where the two disagree, then produce a prioritized markdown implementation plan closing the gaps. Use whenever the user has both research findings and a…
alii13/accessibility-mcp-server
MCP server Claude CodeCodexCursor +2
MCP server for accessibility auditing with export, filter, aggregation, and visualization tools. Runs locally from the @ali0113/accessibility-mcp-server npm package.
MCP server Claude CodeCodexCursor +2
MCP server "tldraw" as configured in Mihai-Codes/tldraw-mcp-server. Runs dist/index.js with node. Needs 1 environment variable to run.
Cursor rule Cursor
You are a Senior Front-End Developer and an Expert in ReactJS, NextJS, JavaScript, TypeScript, HTML, CSS and modern UI/UX frameworks (e.g., TailwindCSS, Shadcn, Radix). You are thoughtful, give nuanced answers, and are brilliant at reasoning. You carefully provide accurate, factual, thoughtful answers, and are a…
MCP server Claude CodeCodexCursor +2
MCP server "fusion360-mcp" as configured in ferocknew/fusion360mcp. Runs locally from the fusion360-mcp Python package.
violet4795/figma-developer-mcp-ncds
MCP server Claude CodeCodexCursor +2
Model Context Protocol server for Figma integration. Runs locally from the figma-mcp-ncds npm package.
MCP server Claude CodeCodexCursor +2
MCP server "krds-uiux-mcp-server" as configured in re-rank-offical/UIUX-MCP. Runs locally from the krds-uiux-mcp-server npm package.
MCP server Claude CodeCodexCursor +2
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot. Runs locally from the figma-developer-mcp npm package.
chrishayuk/chuk-mcp-design-system
MCP server Claude CodeCodexCursor +2
MCP server "chuk-design-system" as configured in chrishayuk/chuk-mcp-design-system. Runs locally from the chuk-design-system Python package.
matipojo/simple-storybook-preview-mcp
MCP server Claude CodeCodexCursor +2
MCP server that renders Storybook component previews inside the IDE. Runs locally from the simple-storybook-preview-mcp npm package.
MCP server Claude CodeCodexCursor +2
MCP server "figma-mcp" as configured in alucardeht/figma-mcp. Runs locally from the @alucardeht/figma-mcp npm package.
Cursor rule Cursor
A set of project rules for using Figma and building interface components. It requires Figma information to come through MCP and components to use the project's design-system packages.
MCP server Claude CodeCodexCursor +2
MCP server with advanced gap detection for sophisticated accessibility issues missed by basic scanners. Runs locally from the accessibility-mcp npm package.
MCP server Claude CodeCodexCursor +2
MCP server for RapidChart - Generate diagrams from code in Cursor. Runs locally from the rapidchart_mcp Python package.
itk-dev/mcp-claude-code-browser-feedback
Plugin Claude Code
Browser-based visual feedback and annotation MCP server for Claude Code.
MCP server Claude CodeCodexCursor +2
Model Context Protocol server for Figma integration with smart position info. Runs locally from the figma-context-mcp npm package.
Skill Claude CodeCodex
Convert a Figma design into a working React application using Salt Design System components. Use when the user provides a Figma screenshot, design description, or Figma file and wants it translated into Salt DS code.
MCP server Claude CodeCodexCursor +2
MCP server "view-image-mcp" as configured in yamalab/view-image-mcp. Runs locally from the view-image-mcp npm package.
MCP server Claude CodeCodexCursor +2
Installable MCP server for landing-page design guidance based on a structured reference library. Runs locally from the design-dna-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: