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.
moesuito/claude-skill-design-md
Skill Claude CodeCodex
Author a DESIGN.md file — a single markdown document that captures a brand's visual identity in tokens + prose so AI agents can build pixel-consistent UI from it. Use when the user has a website, brand guide, style guide, mood board, or existing product and wants to distill it into a DESIGN.md (a la getdesign.md /…
MCP server Claude CodeCodexCursor +2
MCP server "basecoat-ui" as configured in GustavoGomezPG/basecoat-mcp. Runs /absolute/path/to/basecoat-mcp/server.js with node.
MCP server Claude CodeCodexCursor +2
MCP server for Webpixels Bootstrap components - AI-powered UI assembly. Runs locally from the @webpixels/mcp npm package.
Skill Claude CodeCodex
Use when building UIKit interfaces without storyboards, setting up Auto Layout constraints with anchors, creating reusable UI components, or encountering layout constraint errors and ambiguous layout warnings.
Rachidhssin/shadcn-registry-mcp
MCP server Claude CodeCodexCursor +2
MCP server for automated shadcn/ui component installation. Runs locally from the shadcn-registry-mcp npm package.
MCP server Claude CodeCodexCursor +2
UX insights from Vitaly Friedman, served as an MCP tool for LLMs. Runs locally from the @vitalygpt/mcp npm package.
MCP server Claude CodeCodexCursor +2
Generate 25+ types of Excalidraw diagrams with auto-layout. Flowcharts, sequence, architecture, mind maps, ER, class, state, timeline, pie/bar/line/radar charts, kanban, wireframes, decision trees, and more. Runs locally from the maaker-excalidraw-mcp Python package.
MCP server Claude CodeCodexCursor +2
MCP server "openscad-mcp" as configured in petrijr/openscad-mcp. Runs locally from the openscad-mcp Python package.
Skill Claude CodeCodex
Turn a natural-language cloud architecture description into an editable diagram whose nodes are official vendor service icons (Azure, AWS, GCP, Kubernetes), exported as PDF, draw.io, or VSDX (Lucid-importable). Use when the user asks to draw, diagram, or visualize a cloud/system architecture, or to produce a…
MCP server Claude CodeCodexCursor +2
MCP server "zwcad-mcp" as configured in dalingo81/ZWCAD-MCP. Runs locally from the zwcad-mcp Python package.
Skill Claude CodeCodex
Automated spacing & grid QA for web UIs, inside the agent loop. Use for "design QA", "check spacing", "fix my grid/spacing", "audit UI", "design review", "show me the spacing issues", "generate a design report", "give me an audit report", and automatically after you generate or modify frontend UI. Renders the running…
lexs32/ultimate-design-engineer
Skill Claude CodeCodex
The master design engineering skill encoding Emil Kowalski's polish philosophy, Apple's fluid interface principles, Anime.js 3D/timeline motion, Motion spring physics, Kokonut UI component aesthetics, and Backlit UI dark-mode charts. Use when designing, animating, or reviewing web UIs to achieve high-precision craft…
Skill Claude Code
Use when building, generating, or reviewing UI for a website, web app, or mobile app to make it look intentionally designed rather than AI-generated. Removes the common AI/template "tells" (default fonts like Inter/Geist, indigo and purple-blue gradients, cream backgrounds, grey low-contrast text, pill/eyebrow over…
Skill Claude CodeCodex
Reconstruct a geometric PNG (logo, icon, monogram) as a clean native SVG with exact geometry and gradients, using an analyse -> measure -> model -> check -> residuals iteration loop scored by perceptual metrics. Use when asked to vectorise, trace or convert a PNG/WebP logo to SVG, recreate a logo's geometry, rebuild a…
netresearch/netresearch-branding-skill
Plugin Claude Code
Bundles 1 skill · 64 tokens together
Netresearch brand guidelines with branded output styles.
Plugin Claude Code
Bundles 3 skills, 2 agents, 1 MCP server · 545 tokens together
Do design work with Agentic Atlas over hosted MCP at agentic-atlas.dev/mcp/. Three skills — audit an existing agent artifact, design a new agent system, apply one named pattern — over two read-only agents; no SDK, CLI, local server, or content bundle is installed.
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…
Skill Claude CodeCodex
Entrevista al usuario para recopilar lineamientos de diseño (colores, tipografías, logos) y al finalizar diseña, crea y guarda automáticamente una nueva skill de guía de estilo (brand book) personalizada. Usar cuando el usuario pida: crear brand book, definir guía de estilo, configurar colores de marca, crear…
Plugin Claude Code
Bundles 1 skill · 196 tokens together
AG2 design system and brand guidelines. Applies consistent visual identity to all generated UI code, artifacts, and visual output for the AG2 multi-agent AI framework.
Skill Claude CodeCodex
The ultimate frontend design and development skill. Creates production-ready, pixel-perfect web interfaces with Next.js + Tailwind + shadcn/ui. Combines design thinking, UX best practices, accessibility, animation, and real design system patterns inspired by the best sites on the web. Invoked explicitly via…
Skill Claude CodeCodex
Use for any design, UI, or UX work on Apple-platform products, including visual design, interaction design, layout, navigation, accessibility, design review, and implementation decisions that should align with Apple Human Interface Guidelines.
Cursor rule Cursor
Advanced Motion UI (AMUI) — Create clean, modern UI with subtle Framer Motion micro-interactions, clear states (idle/loading/success/error), consistent styling via design tokens, and smooth animations. Use when the user wants motion-rich, polished UI with micro-interactions. Triggers: motion, animation, framer motion…
Skill Claude Code
Design production-grade UI from scratch in Penpot, acting as a senior visual designer. Use when an agent needs to create an interface from a brief, concept, or description — without an existing design system or codebase to translate from. This skill makes real aesthetic decisions, builds a coherent design language…
Skill Claude CodeCodex
Guia designers sem experiência em código desde a instalação do Storybook até visualizar componentes do Figma funcionando como um catálogo interativo. Use esta skill quando o designer chamar explicitamente com /ds-to-code ou pedir para iniciar o fluxo de configuração do Storybook com o Figma.
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: