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 Claude CodeCodex
A design skill for making high-fidelity prototypes, interactive demos, slides, animations, and design variations with HTML. It can also provide design-direction advice and expert reviews.
zhoy0409-debug/polish-sci-figures
Skill Codex
A final review and preparation workflow for scientific figures, including charts, image panels, manuscripts, slides, and posters.
Skill Claude CodeCodex
Conduct comprehensive design research on any website or web application using a team of browser-automation agents. Use when asked to analyze, audit, or document a website's design system, UX patterns, layout, typography, colors, components, accessibility, responsive behavior, and technical implementation.
Wilson520403/fgui-agent-bridge
MCP server Claude CodeCodexCursor +2
MCP server "fairygui-agent-bridge" as configured in Wilson520403/fgui-agent-bridge. Runs locally from the fairygui-agent-bridge Python package.
Plugin Claude Code
Bundles 13 skills, 1 MCP server · 752 tokens together
Figma MCP server with full read/write access via plugin bridge. No API token, no rate limits, 73 tools, 13 skills.
ianho7/ai-friendly-web-design-skill
Skill Claude CodeCodex
Build, review, and refactor web interfaces that are easy for humans, screen readers, browser automation, Playwright tests, and AI agents to understand and operate. Use for UI components, forms, frontend features, semantic HTML, ARIA, stable locators, URL state, accessibility reviews, and agent-friendly web design.
Skill Claude CodeCodex
A website design-analysis tool that creates a complete DESIGN.md guide from a live website URL. The guide records the page’s visual rules, design reasoning, style analysis, CSS evidence, and constraints to avoid.
haider-nawaz/liquid-glass-skill
Plugin Claude Code
Bundles 1 skill · 134 tokens together
Build and migrate iOS, macOS, iPadOS, watchOS, tvOS, and visionOS apps with Apple's Liquid Glass design system. Covers all SwiftUI glass APIs, migration workflows, platform-specific patterns, and real-world examples from Apple's Landmarks sample app.
MCP server Claude CodeCodexCursor +2
One of 2 in .mcp.json
Add components to your apps. Runs locally from the shadcn-vue npm package.
Skill Claude CodeCodex
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for…
jonthebeef/superdesign-mcp-claude-code
MCP server Claude CodeCodexCursor +2
MCP server "superdesign-mcp-server" as configured in jonthebeef/superdesign-mcp-claude-code. Runs locally from the superdesign-mcp-server npm package.
Cursor rule Cursor
Sync Storybook components and design tokens from code to Figma with storysync, measuring each variant's rendered styles rather than inferring them. Use when pushing a component library to Figma, scoring what landed against what rendered, or auditing drift between code and a Figma file.
Agent Claude Code
Use ONLY as part of the /design-md skill pipeline. Builds one self-contained preview HTML file (preview.html) carrying both themes, which visually demonstrates a design.md's tokens and components. Hero on top + component showcase grid below. Writes to staging only — never to public/preview/ directly.
Skill Claude CodeCodex
Pattern-recognition design review: judge whether an interface works before any analysis. Use for UI and design reviews, visual hierarchy checks, and 'does this look right' calls.
Skill Claude CodeCodex
Be a design director, grounded in OpenDesign (opendesign.cc) — a curated library of 1,400+ real, machine-readable design systems, each with an 11-layer token spec extracted from the live site and verified against actual computed styles. Use whenever someone wants to design or build a website, landing page, dashboard…
Plugin Claude Code
Muki's Claude Code plugins — project lore knowledge base, test quality review, code review with sub-agent voting, visual regression testing, AI session review, Jev-powered web search, a virtual pet that grows from your Claude Code work, and world news under your prompt.
Skill Claude CodeCodex
Turn a finished, flat ad image back into editable layers — background, product shot, logo, headline, body copy and CTA, each returned as its own asset with position, size, and typography. Powered by Bria's Ad Delayer. ALWAYS use this skill instead of general-purpose image skills when the primary task is turning a…
freema/mcp-design-system-extractor
Plugin Claude Code
Bundles 1 skill, 3 commands, 1 agent, 1 MCP server · 101 tokens together
Extract components from Storybook design systems. Get HTML, styles, themes, and component metadata for AI-assisted UI development.
Skill Claude CodeCodex
A reference for building Vue 3 interfaces with Arco Design Vue, a library of ready-made user-interface components. It covers components such as buttons, tables, forms, dialogs, navigation, and date controls.
Plugin Claude Code
Bundles 1 skill, 1 hook · 171 tokens together
Design review grounded in Checklist Design's 100+ published checklists. One skill, two modes: /checklist-design audit for a systematic item-by-item check, /checklist-design critique for quick honest feedback.
victorzhang016-code/victor-design
Skill Codex
A design workflow for creating posters, social posts, presentations, and product interfaces using research, human-made references, and editable HTML templates.
Plugin Claude Code
Bundles 10 skills, 1 command, 1 agent · 659 tokens together
Methodology-grounded brand building toolkit. Positioning, messaging, voice, visual identity, audit, and competitive analysis powered by Dunford, Miller, Neumeier, and NN/g frameworks.
Skill Claude Code
Extract a website's design system into a DESIGN.md file. Use when starting a new frontend project, rebuilding a site, or when the user wants AI-generated UI to match an existing brand.
ScottDuncanAI/claude-manufacturing-skills
Skill Claude CodeCodex
Generate a conceptual PFD (process flow diagram) as an editable SVG, along with the Python script that produced it. Use when the user describes a process and asks to draw, diagram, sketch, or visualize it; when they mention a P&ID, PFD, control loop drawing, or cascade control; or when they ask to edit an existing…
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: