17,624 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.
moonlin1213/muted-zine-poster-v01
Skill Claude CodeCodex
Generate Muted Zine Poster v0.1 poetic paper-poster prompts and the matching generated image. Use when the user gives a theme, sentence, object, mood, article idea, photo, or content brief and wants a quiet Japanese/Korean zine-like editorial poster with large negative space, aged paper texture, experimental…
southleft/figma-console-mcp-skills
Plugin Claude Code
Bundles 23 skills · 3,688 tokens together
The full collection: design tokens (export/import/setup), variable and library management, component-set analysis and docs, WCAG and design-system linting, accessibility audits, version history, changelog, blame, comments, annotations, FigJam, and Slides.
Cursor rule Cursor
Design skill for Spec Driven Development.
Plugin Claude Code
Bundles 29 skills, 1 plugin · 1,420 tokens together
Comprehensive design audit, accessibility, and consistency evaluation using Gemini CLI.
MCP server Claude CodeCodexCursor +2
Figma → code MCP: no rate limits, no metered quotas, verification loop. Works on every Figma plan. Runs locally from the plumb-mcp npm package. Needs 2 environment variables to run.
Skill Claude CodeCodex
A design guide for creating downloadable diagrams as HTML pages or standalone SVG files. It covers architecture, process, sequence, data, timeline, swimlane, quadrant, and statistical diagrams, including selected Mermaid and Draw.io imports.
Skill Claude CodeCodex
A workflow for reviewing material brought from another workspace and carrying relevant brand evidence into the project's assets. It checks inventories, brand guides, logos, and image sources before anything is used.
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.
Skill Claude Code
Analyzes Figma designs into implementation-ready visual evidence, tokens, component specifications, and interaction states for handoff to planning or development.
Cursor rule Cursor
Build Figma components — buttons, inputs, cards, badges, chips, modals, and more — with variant matrices (types, sizes, states) and icon/component/content slots bound to the design system's tokens and styles. Use this when the user wants to create components, build a component library, make buttons/inputs/cards/etc.…
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
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.
saifyxpro/ui-ux-design-pro-skill
Plugin Claude Code
Bundles 1 skill · 117 tokens together
UI/UX design intelligence. 107 styles, 127 palettes, 107 font pairings, 106 charts, 131 reasoning rules, 129 UX guidelines, 16 stacks (React, Next.js, Vue, Nuxt.js, Svelte, Astro, Angular, Remix, SolidJS, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Nuxt UI). 8 Python scripts: BM25 search…
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.
BENZEMA216/ai-ecommerce-agent-skills
Skill Claude CodeCodex
A visual analysis guide for online shops and competing stores on Taobao, Tmall, JD.com, and Pinduoduo. It examines colors, layout, photography, and overall design style.
awesome-skills/mobile-app-design
Skill Claude CodeCodex
This skill should be used when the user asks to "design mobile UI", "review app design", "check UI guidelines", "improve app UX", "design React Native interface", "create app screens", "follow design standards", or mentions iOS/Android design patterns, accessibility, or mobile user experience. Provides comprehensive…
Skill Claude CodeCodex
How to work through the figma-mcp-bridge effectively and honestly. Read this before any write-heavy design session. Applies to bridge v0.4.0+.
MCP server Claude CodeCodexCursor +2
One of 2 in .mcp.json
Add components to your apps. Runs locally from the shadcn-vue npm package.
Plugin Claude Code
Bundles 25 commands, 5 agents · 2,696 tokens together
Design intelligence engine for AI coding. v3 ships THE BRAIN: a deterministic 7-axis synthesizer (warmth, contrast, density, geometry, formality, motion, typepersonality) that compiles a novel design language per brief — no LLM calls, fully offline, closed-loop learning via a local decisions ledger. 1,243 structured e.
Plugin Claude Code
Bundles 1 skill, 1 agent · 378 tokens together
Distinctive frontend design skills and agents for professional UI implementation. Avoid generic AI aesthetics with thoughtful typography, colors, layouts, and animations.
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
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…
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.
Skill Claude CodeCodex
Use when user requests diagrams, flowcharts, sequence diagrams, class diagrams, component diagrams, ER diagrams, architecture charts, or visualizations — including generating a diagram from existing source code, or rendering/extracting PlantUML embedded in a Markdown file to images (e.g. preparing docs for…
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: