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.
MCP server Claude CodeCodexCursor +2 ✓ vendor
A comprehensive Model Context Protocol (MCP) server for Grafana UI components. Provides AI assistants with complete access to 200+ React components, rich MDX documentation, Storybook stories, test files, design system tokens, and dependency analysis from. Runs locally from the @shelldandy/grafana-ui-mcp-server npm…
MCP server Claude CodeCodexCursor +2
MCP Server for converting Mermaid diagram code to images. Runs locally from the mermaid-mcp-server-png-pdf-jpg-svg Python package.
Skill Claude CodeCodex
Use when creating or modifying UI components — always check the design system for existing components and tokens before writing code.
MCP server Claude CodeCodexCursor +2
MCP Icon server for searching and fetching icons from iconfont.cn. Runs locally from the @liangshanli/mcp-server-icon npm package.
MCP server Claude CodeCodexCursor +2
MCP server "penrose-mcp" as configured in bmorphism/penrose-mcp. Runs locally from the penrose-mcp npm package.
0ics-srls/ui-ticket-mcp_public
MCP server Claude CodeCodexCursor +2
Review system MCP server for UI prototypes. Humans write comments in browser, AI agents resolve them via MCP. Runs locally from the ui-ticket-mcp Python package. Needs 2 environment variables to run.
agentience/react-design-systems-mcp
MCP server Claude CodeCodexCursor +2
Model Context Protocol (MCP) server that provides comprehensive information about design systems created for React, currently focusing on AWS Cloudscape Design System. Runs locally from the @agentience/react-design-systems-mcp npm package.
Skill Claude CodeCodex
A UI and UX design skill for planning websites, landing pages, product pages and web applications. It can also provide colour, typography and visual-style guidance.
erajasekar/ai-diagram-maker-mcp
MCP server Claude CodeCodexCursor +2
Generate software diagrams from natural language, code, ASCII, images, Mermaid. Runs locally from the ai-diagram-maker-mcp npm package. Needs 1 environment variable to run.
Skill Claude CodeCodex
Skill "aether-aesthetics" from takzen/aether-agent, covering skill: aether aesthetics, główne zasady (design tokens), 1. paleta kolorystyczna (modern hsl), 2. glassmorphism (efekt szklany) and 3. animacje (framer motion).
ngocanhnckh/liquid-glass-frontend-skill
Skill Claude CodeCodex
Use when building a beautiful, distinctive, awwwards-tier web frontend — landing pages, dashboards, web apps, marketing sites — that needs Apple-style liquid-glass surfaces, choreographed motion.dev animations, and creative editorial layouts instead of the generic SaaS look (icon-card rows, centered heroes, default…
Skill Claude CodeCodex
OpenSpec-style design development pipeline for visual direction, UX research, website cloning and reverse-engineering, interaction polish, frontend implementation, and evidence-backed QA. Use for product UI, marketing pages, dashboards, live-page references, pixel-accurate rebuilds, design reviews, and frontend work…
dgkim3333-hash/claude-guide-kr
Skill Claude CodeCodex
A set of rules for designing PowerPoint slide decks when the slide size, fonts, colours, and layout are already fixed.
Skill Claude CodeCodex
Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards…
Skill Claude CodeCodex
Analyze a poster or layout design image to detect its underlying grid system and export grid guide overlays. Use when the user wants to (1) identify the layout grid of a poster/design image (Swiss modular, N-column, asymmetric, baseline, golden ratio, rule of thirds, diagonal, radial, freeform, etc.), (2) get detected…
opkod-france/opkod-claude-code-plugins
Plugin Claude Code
Bundles 1 skill, 2 commands, 1 agent · 224 tokens together
Strapi v5 admin UI design — DS v2 compound components, page layouts, tables, forms, modals, accessibility. Ships a source-derived component-catalog.md (46 DS v2.2.1 components: real props, compound slots, deprecations). Includes a PostToolUse hook that flags DS violations in admin/src//.tsx, slash commands (/strapi.
Skill Claude CodeCodex
Aesthetic-direction design skill: reads a brief, infers the right visual style and direction, and ships interfaces that do not look templated. Umbrella for concrete style variants — minimalist, brutalist, soft/premium-agency. Use when the user wants a particular vibe or aesthetic, or wants a landing page or portfolio…
Skill Claude CodeCodex
Create world-class PowerPoint presentations with professional design, consistent branding, sophisticated animations, and polished visual hierarchy. Use when users request presentations, slide decks, pitches, reports, or want to convert markdown to professionally designed PowerPoint with Apple/Microsoft/Google-level…
KhaiTrang1995/agentic-awesome-kits
Skill Claude Code
Generate advanced .drawio diagrams (ERD, UML class/sequence, C4 model, ML/DL, mindmap/gantt/timeline via Mermaid, complex architecture) — including from existing code (Python/JS/Go/Rust), IaC (Terraform/Kubernetes/docker-compose, or live running infra), SQL DDL, or OpenAPI specs. Includes shape search across 10,000+…
Skill Codex
Use when designing, adding, changing, suggesting, or reviewing UI motion. Motion Guide is a default-trigger motion decision advisor for AI coding agents: it decides whether motion should exist, selects an appropriate functional or expressive pattern, and constrains implementation with timing, easing, accessibility…
Lombiq/Orchard-Core-Agent-Skills
Skill Claude CodeCodex needs its repo
Evidence-first Orchard Core theming skill for shapes, alternates, placement, Razor/Liquid templates, content model access, assets/resources, and recipes. Use for theme adjustments, shape overrides, template discovery, content item/field access, placement.json rules, and recipe authoring in Orchard Core projects.
Skill Claude CodeCodex
Use when the user wants to create, edit, or inspect an architectural floor plan / building layout as code — e.g. "draw a 2-bedroom apartment", "add a bathroom to this plan", "make the bedroom 1 m wider", "lay out an office floor". ArchLang is a tiny text language that compiles a .arch file to a professional floor-plan…
Skill Claude CodeCodex
Apply Edward Tufte's information design principles to create, improve, or critique any chart, graph, infographic, dashboard, table, or data visualization. Use this skill whenever the user wants to design a new chart, graph, or visualization from data; asks how to show data more clearly; wants to review or critique an…
Skill Claude CodeCodex
Generate beautiful themed HTML data displays. Six visual idioms with matched voices, rendered as self-contained HTML files. Use when the user asks for charts, dashboards, reports, tearsheets, briefings, data visualizations, or any data-driven document.
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: