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.
MCP server Claude CodeCodexCursor +2
Generate Sass palettes, typography, elevations, and themes for Ignite UI components. Runs locally from the igniteui-theming npm package.
marvin-socialista/claude-design-mcp
Plugin Claude Code
Bundles 1 skill, 1 MCP server · 131 tokens together
Two-way bridge to claude.ai/design. Send it design instructions, read its replies, pull the files it produces, and put the right screen on the user's display so they can watch it work.
SpillwaveSolutions/document-specialist-skill
Plugin Claude Code
Bundles 2 skills, 4 commands · 398 tokens together
Software documentation specialist. arc42 DESIGNDOC.md, architecture docs, STE100 default, Mermaid-first diagrams, PlantUML leftover types.
FloWritesCode/fwc-swiftui-skills
Skill Claude CodeCodex
Implement, review, and refactor SwiftUI features using the iOS 26+ Liquid Glass API. Use when adopting Liquid Glass in new UI, converting existing surfaces to glass, reviewing glass usage for correctness, or fixing common Liquid Glass pitfalls (custom blur stacks, scroll views, button shapes, bottom bars).
Plugin Claude Code
Bundles 1 skill, 2 commands · 273 tokens together
Animated data-flow diagrams your AI agent can write. Written by AI. Watched by humans.
verygoodplugins/streamdeck-mcp
Skill Claude CodeCodex
Design, theme, and author complete Stream Deck layouts for the user's hardware using the streamdeck-mcp tools. Use whenever the user wants a custom Stream Deck setup, asks for a themed deck (e.g. "hello-kitty Twitch deck", "retrowave music controls", "a dev deck for this repo"), wants buttons or dials configured for…
vuralserhat86/antigravity-agentic-skills
Skill Claude CodeCodex
Guide for conducting comprehensive accessibility audits of code to identify WCAG compliance issues and barriers to inclusive design. This skill should be used when reviewing accessibility, ARIA implementation, keyboard navigation, or screen reader compatibility.
Command Claude Code
Read and follow the instructions in agents/skills/audit.md. Also read and follow agents/frontend-design/design-all.md and any referenced files in agents/frontend-design/reference/ as needed.
wuchubuzai2018/expert-skills-hub
Skill Claude CodeCodex
A design tool for creating the image materials used on WeChat red-envelope covers. It produces cover images, decorative attachments, speech-bubble attachments, and cover-story materials designed for WeChat’s submission rules.
Skill Codex
Design, build, compose, implement, review, and contribute polished product interfaces with Motion Lexicon components and motion primitives. Use this skill when a user asks for a complete React page, landing page, dashboard, settings screen, or product surface in the Motion Lexicon visual language; asks what motion…
Skill Claude CodeCodex
How to plan and design presentation decks — content architecture first, then a deliberate style system, then slide-by-slide craft. Use for EVERY deck request, before touching any slide tool.
Cursor rule Cursor
FastStore styling conventions including CSS custom properties (design tokens), SCSS modules for scoped component styles, component-level overrides using data-fs- attributes, and how to import @faststore/ui styles for new sections. Use when styling components, creating SCSS modules, overriding design tokens in…
Skill Claude CodeCodex needs its repo
Use when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, SysML / MBSE diagrams (block definition, internal block, requirement, parametric), BPMN business process diagrams, swimlane / cross-functional flowcharts, network topology, cloud architecture from…
Plugin Claude Code
Bundles 2 skills, 5 commands, 1 hook · 441 tokens together
MCP-backed workflow for building UI with @marmoui/ui. Bundles the marmo-ui skill, /marmo-ui: commands, and the Marmo MCP server so agents read real component props instead of guessing. Works free without a token; add your Pro token for on-brand generation.
Plugin Claude Code
MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS.
dylantarre/design-system-skills
Plugin Claude Code
Bundles 29 skills · 1,207 tokens together
Token generators, component patterns, accessibility guidance, and framework integrations.
brycewang-stanford/many-ppt-skills
Plugin Claude Code
Bundles 1 skill · 138 tokens together
Routes to the right AI slide-deck skill and names a style id you can ask for, backed by sample imagery read from the projects' own repositories.
braxtonROSE4/clone-any-website
Skill Claude CodeCodex
Reverse-engineer and pixel-perfect clone any live website, a single landing page or an entire site. Captures DOM, CSS design tokens, assets, fonts, and compiled-JS config data from the live page, reverse-engineers scroll animations and stateful interactions, rebuilds (raw-HTML mirror for static-export sites like…
Skill Claude CodeCodex
Use when a task spans interface understanding, design-system memory, UI audits, design CI, Figma, shadcn or Tailwind code generation, research, or agent design workflows and needs the correct Memi capability selected.
TheMattBerman/landing-page-factory
Skill Claude CodeCodex
Plan and generate visuals by preservation class: exact product, branded environment, or concept support. Uses strategy-driven shot selection and visual QA instead of generic vibe prompting.
scoobynko/claude-code-design-skills
Skill Claude CodeCodex
Generate production-ready React/Next.js code from Figma designs. Instructs proper Figma MCP tool usage, component reuse strategies, and variant mapping. CRITICAL: ALWAYS use this skill when user provides a Figma link or mentions implementing/redesigning from Figma design. Never attempt manual implementation without…
albertzhangz10/figma-design-system-to-design-md
Plugin Claude Code
Bundles 1 skill · 78 tokens together
Figma design system to design.md — Extract Figma design system into a structured design.md document. Automatically detects token files, style configs, and Figma MCP data to generate comprehensive design system documentation covering Colors, Typography, Spacing, Border Radius, Elevation, Responsive, and more.
Skill Claude Code
Visualizes Azure infrastructure from ARM templates, Azure CLI, or descriptions. Use when user has Azure resources to diagram.
Skill Claude CodeCodex
Read, verify, mutate, and round-trip HyperWeave living artifacts via the verb algebra instead of vision-parsing the SVG.
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: