19,567 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.
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.
Skill Claude CodeCodex
Plans, designs, builds, validates, and prepares polished responsive websites and lightweight web apps from brief through hosting handoff. Use when creating or redesigning a landing page, portfolio, editorial site, knowledge hub, directory, dashboard, portal, tracker, internal tool, microsite, or small web app…
pnaque/pnaque_codex-universal-design-skill
Skill Claude Code
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…
MCP server Claude CodeCodexCursor +2
MCP server for Stylelint. Runs locally from the stylelint-mcp npm package.
josemartinrodriguezmortaloni/webSearch-Tools
MCP server Claude CodeCodexCursor +2
Web application development framework. Runs locally from the webtools Python package.
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…
Cursor rule Cursor
Use Bun instead of Node.js, npm, pnpm, or vite.
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.
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.
sankalpmukim/ibm-cloud-docs-mcp-server
Cursor rule Cursor
Cursor rule "use-bun-instead-of-node-vite-npm-pnpm" from sankalpmukim/ibm-cloud-docs-mcp-server, covering apis and frontend.
MCP server Claude CodeCodexCursor +2
A powerful Model Context Protocol (MCP) server that integrates v0.dev AI capabilities for modern web development. Powered by Bun for 25x faster performance. Runs locally from the v0-mcp-ts npm package.
skylarbarrera/react-devtools-mcp
Skill Claude CodeCodex
Debug React apps by inspecting runtime state, props, hooks, and renders.
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 that wraps the TanStack CLI for programmatic access to docs, libraries, add-ons, and project scaffolding. Runs locally from the @g7aro/tanstack-mcp npm package.
Skill Claude CodeCodex
Visual click-to-edit workflow for Osprey/Kestrel. Use when Isaac asks to change, tweak, restyle, reposition, or critique anything visible on a page — also when he draws/annotates or says "this thing on the screen". Drives the headed-browser Designer MCP (designeropen, designerpick, designerscreenshot, designerclose)…
MCP server Claude CodeCodexCursor +2
MCP server "qt" as configured in fan1959/qt-mcp. Runs <absolute path>\qt-mcp\server.py with python. Needs 3 environment variables to run.
MCP server Claude CodeCodexCursor +2
MCP server providing browser compatibility data from MDN BCD and W3C WebDX web-features for the entire Web Platform. Runs locally from the @shuji-bonji/web-compat-mcp npm package.
MCP server Claude CodeCodexCursor +2
Official MCP server for Ruixen UI. Runs locally from the @ruixen/mcp npm package.
0x-Professor/Stitch-mcp-server
MCP server Claude CodeCodexCursor +2
Enterprise-ready MCP Server for Google Stitch SDK - AI-powered UI generation for Claude, Cursor, Cline, and VS Code. Generate beautiful web interfaces from text prompts using Model Context Protocol. Runs locally from the stitch-mcp-server npm package.
jeff-phillips-18/patternfly-mcp
MCP server Claude CodeCodexCursor +2
PatternFly documentation MCP server built with Node.js and TypeScript. Runs locally from the @jephilli-patternfly-docs/mcp npm package.
Skill Claude CodeCodex
Build, audit, or convert websites with the U.S. Web Design System (USWDS) using the unofficial uswds-mcp server. Use when work involves USWDS components, patterns, templates, accessibility guidance, design tokens, utilities, @uswds/uswds, or federal website implementation.
MCP server Claude CodeCodexCursor +2
MCP server for Material Web documentation. Runs locally from the material-web-mcp npm package.
MCP server Claude CodeCodexCursor +2
Electron.js MCP server — IPC scaffolding, security auditing, build tooling, and development intelligence for AI assistants. Runs locally from the @yawlabs/electron-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: