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.
Skill Codex
Explore UI directions by generating several genuinely-different real-data HTML mockups in parallel, serving them so the user picks side-by-side, distilling each pick into locked constraints, and narrowing round by round until approved — then landing the winner in the real stack and refining. Use when the user wants to…
Skill Claude Code
Generate or update a DESIGN.md for the current project following the google-labs-code/design.md specification. Inventories existing design inputs (theme.json, Tailwind config, CSS custom properties, DTCG tokens, brand assets), maps them to typed tokens (colors, typography, rounded, spacing, components), writes the…
ClawEnable/html-artifact-best-practices
Plugin Claude Code
Bundles 1 skill · 62 tokens together
Produces, reviews, and improves standalone single-file HTML artifacts using vanilla HTML, inline CSS, and vanilla JS — no frameworks or CDN. Use for: comparison matrices, interactive dashboards, timeline roadmaps, review surfaces, visual explainers.
Skill Claude CodeCodex
Two-phase design loop like /swarm but for visual design. EXPLORE: launches N parallel subagents in Figma — each designs a distinct concept on its own page simultaneously, then cross-model consensus (Claude + Codex) picks the winner. DEEP: iterates the chosen concept with critique → impeccable skills → fixes until it…
Skill Claude CodeCodex
A user-experience review for changed front-end pages and components. User experience means how clear, usable, and responsive an interface feels.
Skill Claude CodeCodex
Accessible forms on @aziontech/webkit — one Form Layout spacing reference (xs inside a field, lg between fields/rows) shared by five form types (Drawer, nested Drawer, Dialog, ItemGroup settings, CardBox with independent saves) that differ only in container + save model, with two internal layouts (Cards + ItemGroups /…
Skill Codex
Prepare design direction before starting a visual project, beginning a new design phase, resetting an existing tone, or creating a major object such as a page, component, slide, card, chart, or visual system. Establish the minimum brief, constraints, references, tokens, and practical verification criteria before…
Catmint103/xilehui-brand-agent
Skill Codex
A design workflow for creating and reviewing branded event materials for Xiamen University's School of Management alumni association. It covers posters, digital tickets, registration graphics, social-media images, screen graphics, and editable designs.
Skill Claude CodeCodex
Design-decision guide for intentional product UI and marketing surfaces. Use when creating, reviewing, or refining interface hierarchy and craft, especially when a screen feels generic, noisy, inconsistent, or lacks a clear primary action. Routes to focused references by task; use the full checklist only for broad or…
aws-samples/sample-aidlc-design-reviewer
Skill Claude Code ✓ vendor
Run a full AIDLC design review (Critique → Alternatives → Gap Analysis) over a project's aidlc-docs and write Markdown + HTML reports. Use when the user asks to review their design, run a design review, critique their AIDLC design artifacts, or check design completeness. Replaces the legacy single-agent reviewer.
aliafsahnoudeh/figma-to-code-claude-pipeline
Plugin Claude Code
Bundles 5 skills, 6 agents, 1 hook, 2 MCP servers · 416 tokens together
The TaskFlow Figma-to-code pipeline as a plugin: figma-impl and design-system agents, code-review/test/commit/PR skills, an .env read-guard, prettier + tsc edit hooks, and the Figma + Playwright MCP servers.
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex
A product-design workflow that takes a brief idea through requirements, a product requirements document, user flows, site structure, wireframes, interface design, code, and handoff documents. It saves each result as a versioned project artifact and can pause for human approval.
Mic-360/material3-expressive-flutter
Skill Claude CodeCodex
Expert guidance for building Material 3 Expressive (M3E) Flutter apps. Use when implementing expressive motion, dynamic shapes, and premium components like FAB menus and toolbars.
edmondop/diagram-claude-plugin
Plugin Claude Code
Bundles 1 skill · 118 tokens together
Generate professional diagrams from natural language using the best-fit Python library for each diagram type.
andronics/claude-plugin-css-pro
Plugin Claude Code
Bundles 8 skills, 10 commands, 7 agents · 772 tokens together
Comprehensive CSS development toolkit with specialist agents, interactive skills, and powerful commands for modern CSS development.
Plugin Claude Code
Bundles 1 skill, 2 commands · 206 tokens together
De-AI My UI — strips the tells that make an interface read as 'made by an AI in Tailwind.' Two modes, one shared catalog of 19 slop signatures (font chaos, the purple-on-black AI palette, gratuitous parallax, weird hovers, default/neon gradients, neon gradient borders, recycled stock icons, everything-is-a-24px-card.
Plugin Claude Code
Bundles 2 skills · 59 tokens together
Visual context sharing between AI and users - display files/URLs/commands with 'show-me', observe screen context with 'look-at'.
MCP server Claude CodeCodexCursor +2
MCP server and CLI for thiings.co — search, browse, and download 10,000+ AI-generated 3D icons. Runs locally from the thiings-unofficial npm package.
MCP server Claude CodeCodexCursor +2
MCP server "illustrator" as configured in slashprint/illustrator-mcp. Runs locally from the illustrator Python package.
Skill Claude CodeCodex
Validates UI/UX designs with UXLoom — models user journeys as state machines and proves what screens are missing (unreachable states, dead ends, empty/loading/error coverage, WCAG contrast, touch targets, localization overflow) before code exists. Use when designing screens or user flows, validating AI-generated UI…
LuisEnVilla/furniture-designer-mcp
MCP server Claude CodeCodexCursor +2
MCP Server for professional furniture design — structural validation, cut optimization, BOM generation, and ergonomic standards. Runs locally from the furniture-designer-mcp Python package.
den-indance/network-diagram-mcp
MCP server Claude CodeCodexCursor +2
Network topology editor — Claude builds diagrams via MCP. nmap/CSV import, one-click SSH. Runs locally from the @den.dance/network-diagram-mcp npm package. Needs 1 environment variable to run.
MCP server Claude CodeCodexCursor +2
Write to Figma from any MCP client (Claude Code, Cursor). Complements the read-only official MCP. Runs locally from the genable-mcp npm package.
MagicPathAI/magicpath-agent-plugin
Plugin Claude Code
Bundles 1 skill · 129 tokens together
Design and build interactive UI on a shared canvas. Bring local code and repositories into MagicPath, install or export designs, and map ideas with diagrams, flowcharts, wireframes, user journeys, and annotations.
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: