17,795 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.
xonack/wp-ux-design-claude-skill
Plugin Claude Code
Bundles 1 skill · 59 tokens together
WordPress UX/design enforcement skill covering Core Web Vitals, mobile-first design, typography systems, color management, navigation UX, page builder patterns, and loading/error states.
Plugin Claude Code
Bundles 14 skills, 5 commands, 12 agents, 1 MCP server · 1,078 tokens together
Design audit tool. Scores projects across 12 dimensions: color, typography, accessibility, layout, and more. WCAG, APCA, OKLCH color science. Zero dependencies.
Plugin Claude Code
Bundles 1 skill · 235 tokens together
Late-stage brand distillation: find the incisive kernel already hiding in a finished product, then build its name, voice, visual identity, and a developer-ready handoff kit around it. You can't be Don. Be Ron.
piaoyinghuang/brand-consistency-ai-skill
Skill Claude CodeCodex
Universal brand guideline engine for producing, reviewing, and suggesting brand-compliant marketing materials for ANY company. Use this skill whenever a task involves brand identity, visual consistency, marketing collateral, or corporate design standards. Triggers include: brand guidelines, brand book, visual…
Fh-Ndiritu/design-psychology-skill
Skill Claude CodeCodex
Audit or build any website/UI against research-backed conversion and design-psychology principles (Hick's Law, Von Restorff, Goal Gradient, Peak-End, Fitts's Law, the Aha moment, loss aversion, social proof, feedforward, labor illusion, and 50 more). Use when reviewing a live URL or a local codebase for conversion/UX…
SuanFishXYY/suanfish-design-system
Skill Claude CodeCodex
A Chinese design system for creating and reviewing web interfaces, with multiple design perspectives working together. It focuses on React and Tailwind-based projects.
Skill Claude CodeCodex
Implement anticipatory UI — interfaces that react to pointer intent before the click. Three patterns: a proximity focus ring that warms as the cursor nears a field, a magnetic target that leans toward the cursor, and trajectory prediction that arms/prefetches the element the cursor is heading toward. Use this skill…
Skill Claude Code
Generate complete Power BI Desktop theme files from brand colors. Creates production-ready JSON themes with branded canvas backgrounds, CSS design tokens, DAX HTML visual examples, and A4 PDF design system documents. Runs standalone or chained with pbi-lifecycle (auto-saves into the client's Global Theme/pbi-theme/…
Skill Claude CodeCodex
Search Adobe Fonts (Typekit) families, create and manage web kits/projects, and return ready-to-use embed snippets plus CSS font-family values. Use when the user asks to find Adobe fonts, compare font options, set up Typekit for a website, add fonts to kits, publish kits, or generate copy/paste font embed metadata for…
Plugin Claude Code
Bundles 4 skills, 6 commands, 1 MCP server · 838 tokens together
Clone any website's design into clean, editable React + Tailwind, with your content. Renders a reference, extracts its full design (every color, gradient, shadow, font, box) into a Tailwind v4 theme, replays a faithful reconstruction, loops a visual diff against the original until it matches, then exports an editable…
pilot617/awesome-claude-code-plugins
Plugin Claude Code
Bundles 1 skill · 45 tokens together
Full-lifecycle UI/UX skill: requirements, design planning, implementation, and visual validation with Playwright screenshots.
kkunkunya/ai-frontend-design-kit
Plugin Claude Code
Bundles 10 skills · 2,026 tokens together
AI-first frontend design toolkit for Claude Code and Codex: 7-stage flow (requirement -> six-dimension research -> dualround interview -> visual anchors -> asset gen -> code impl -> design review) + scenario C increment router + ten-line anti-slop gate + kun 15-segment DESIGN.md writer + i18n essentials. Each skill…
Plugin Claude Code
Bundles 1 skill · 94 tokens together
A diagram you talk back to — render a plan, an existing codebase, or a feature as an interactive architecture graph, edit it directly (drag, reconnect, comment), and send the structured edits back to the agent.
Skill Claude Code
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page…
dhruv-anand-aintech/agent-rules-sync
Plugin Claude Code
Bundles 1 skill, 1 MCP server · 27 tokens together
Ad hoc web UI for multi-select choices with drag-and-drop reordering.
yuqizhang1228-blip/AI-color-system
Skill Claude CodeCodex
A brand-based UI colour system covering brand, background, text, and semantic colours, with light and dark modes, accessibility checks, and platform token names.
Skill Claude CodeCodex
A workflow for creating visual designs in the Figma desktop app through a coding agent. Figma is a design tool; the workflow can read design context and write design elements to its canvas.
Skill Claude CodeCodex
You are an agent that creates and manages SkyCiv CloudCAD drawings via the SkyCiv API. This skill covers the full CAD JSON schema and the cloudcad.model and cloudcad.file API namespaces.
Plugin Claude Code
Bundles 16 skills, 2 hooks · 663 tokens together
Multi-agent Figma-to-component pipeline for React.
Plugin Claude Code
Bundles 4 skills, 3 agents · 640 tokens together
Library-agnostic design-quality toolkit for Pencil (.pen) files and any companion codebase. Enforces a universal 4px-grid sizing scale, variable-first design tokens, and component extraction at the second repetition - independent of CSS framework. Ships three read-only subagents (pencil-auditor for quality enforcemen.
Plugin Claude Code
Bundles 11 skills, 1 agent · 2,280 tokens together
IMG.LY CreativeEditor SDK builder agent and documentation for Web.
agentic-coding-school/mermaid-diagram-plugin
Plugin Claude Code
Bundles 1 skill · 72 tokens together
Generate interactive HTML diagrams with Mermaid.js for visualizing flows, sequences, architectures, and processes.
DanaSandman/claude-code-plugins
Plugin Claude Code
Bundles 2 skills, 4 commands · 155 tokens together
Audit and fix accessibility issues (ARIA, forms, keyboard, semantics, screen reader support) across frontend frameworks including Next.js, React, Angular, and Static HTML.
Plugin Claude Code
Bundles 1 skill, 5 commands · 80 tokens together
Collaborative tldraw canvas for Claude Code — draw diagrams, flowcharts, and sketches together.
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: