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.
MagicKidd/Rokid-agentic-workflow
Skill Claude CodeCodex
The Design-vs-Implementation Audit Copilot. A universal skill for any project, any language, any design document. Before work starts, it reminds engineers what must be delivered; after code lands, it checks what was actually delivered, what drifted, and what silently went beyond the design. Feed it a design doc plus a…
smartbrainactivity/visual-diagramming-export
Skill Claude CodeCodex
Utiliza este skill cuando el usuario pida dibujar pizarras, diagramas de arquitectura, bocetos UI o esquemas de cajas libres que requieran geometría manual 2D y un alto grado de personalización posterior. Genera el código fuente JSON de Excalidraw (.excalidraw) para importación directa.
Cursor rule Cursor
Concise rules for building accessible, fast, delightful UIs Use MUST/SHOULD/NEVER to guide decisions.
Skill Claude CodeCodex
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…
gonzaloraknarok88/CLAUDE-HABILIDADES
Skill Claude CodeCodex
Applies Anthropic's official brand colors and typography to artifacts for consistent visual identity and professional design standards.
Skill Claude Code
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos…
Cursor rule Cursor
styles from zackiles/cursor-workbench.
Plugin Claude Code
Bundles 8 skills, 1 agent · 433 tokens together
Interactive UI-Kit generator using Atomic Design principles (Atoms → Molecules → Organisms → Templates → Pages). Features intelligent planning agent, parallel component generation via subagents, and design system creation with automatic dependency resolution.
Cursor rule Cursor
UI/UX standards for Akashi webviews (sidebar + panels).
punkadillo/figma-code-composer
Skill Claude Code
Use when building complex organisms from molecules and atoms like headers, footers, product cards, and sidebars. Organisms are distinct UI sections.
Skill Claude CodeCodex
Route design-related HTML artifact tasks to the right artifact skill, reference, design system generation, or export skill.
MCP server Claude CodeCodexCursor +2
MCP server "canvas-control" as configured in tomtranjr/canvas-control. Runs locally from the canvas-control Python package.
MCP server Claude CodeCodexCursor +2 ✓ vendor
Design system MCP server for creating LinkedIn posts with shadcn-inspired components, variants, and themes. Runs locally from the chuk-mcp-linkedin Python package.
Skill Claude CodeCodex
Retrieve, search, export, and implement Phosphor Icons with the phosphor-icons CLI. Use when a user needs icon SVG/PNG assets, icon search help, framework implementation snippets, or consistent iconography choices.
MCP server Claude CodeCodexCursor +2
MCP Server for Ant Design component. Runs locally from the antd-mcp npm package.
Pursue-LLL/figma-structured-mcp
MCP server Claude CodeCodexCursor +2
MCP server "figma-structured-mcp" as configured in Pursue-LLL/figma-structured-mcp. Runs locally from the figma-structured-mcp Python package.
chihebnabil/page-design-guide-mcp
MCP server Claude CodeCodexCursor +2
MCP server providing modern web design guidance, color psychology, typography, layout patterns, and UI best practices for AI assistants. Runs locally from the page-design-guide-mcp npm package.
MCP server Claude CodeCodexCursor +2
MCP server for managing local tldraw canvas files (.tldr). Runs locally from the @talhaorak/tldraw-mcp npm package.
MCP server Claude CodeCodexCursor +2
MCP server that connects to your browser for real-time DOM, CSS, layout inspection, screenshot capture, and Figma design comparison — your IDE's AI agent sees exactly what users see. Runs locally from the browser-lens-mcp npm package.
Skill Codex
Create, inspect, refine, and redesign structured FormaSpec projects through the formaspec MCP server. Use for exact triggers such as “Use FormaSpec”, “Design this with FormaSpec”, “Refine this selection with FormaSpec”, and “Redesign this with FormaSpec” whenever a user asks an agent to produce or revise an editable…
MCP server Claude CodeCodexCursor +2
MCP server for Claude Design handoff bundles. Paste a handoff URL, get files + summary + deploy-ready artifacts in any MCP client (Claude Code, Cursor, Cline, Windsurf). Runs locally from the @kiwuuu/claude-handoff-mcp npm package.
MCP server Claude CodeCodexCursor +2
MCP server for QuiverAI — generate and vectorize SVGs via Claude and other AI tools. Runs locally from the @syntropic/quiver-mcp npm package.
MCP server Claude CodeCodexCursor +2
MCP server for installing and composing shadcn space UI components. Runs locally from the shadcnspace-mcp npm package.
MCP server Claude CodeCodexCursor +2
Cursor Talk to Figma MCP. Runs locally from the cursor-talk-to-figma-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: