19,061 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
Use when creating, editing, inspecting, exporting, or troubleshooting Flato designs through Flato Design MCP tools such as flatowhoami, flatogetdesigncontext, flatocreatepages, flatoupdatepages, flatoupdatecanvas, and flatoexport.
ypollak2/claude-code-kickstart
Agent Claude Code
Checks UI code for accessibility issues — WCAG compliance, ARIA, keyboard nav, color contrast.
Plugin Claude Code
Bundles 1 skill · 140 tokens together
Research-first workflow for building modern, accessible frontend UI components in the spirit of Wes Bos. Researches pitfalls and platform capabilities before planning, designs for WCAG accessibility with modern web standards, then verifies the approach against Wes Bos on X plus trusted sources (MDN, web.dev…
Avinava/document-design-system
Plugin Claude Code
Bundles 6 skills, 36 commands · 1,856 tokens together
A design system for documents: evidence-led analytical reports, diagrams, charts, decks, and thirty-four prose presets across eleven reading patterns — composed from a pattern's modules when no preset fits — plus guided brand theming, all sharing one semantic token contract. Writing lands as Markdown by default…
lelephi/marketing-agent-skills-for-founders
Skill Claude CodeCodex
Review a company website or landing page the way a head of design, a CMO, and the actual customer would. Scores it out of 50, ranks the gaps by revenue damage, and rewrites the hero. Use whenever someone shares a homepage, landing page, marketing site, or URL, or screenshots, or pasted hero copy, and wants feedback, a…
jneaimi/evaluate-before-you-build
Skill Claude CodeCodex
Solution design skill based on Bloom's AI Collaboration model. Use when the user says /design, wants to design a solution, compare architectural options, evaluate tradeoffs, or produce a solution design document before building. Also trigger on phrases like "design the solution", "how should we architect this"…
fernando-bertholdo/4-successful-AI-life
Plugin Claude Code
Bundles 13 skills · 1,193 tokens together
Comprehensive UI/UX skills for web interfaces — 13 skills with triage coordinator spanning visual design, typography, accessibility, usability audits, conversion optimization, microinteractions, and engagement loops.
Skill Claude Code
Personal font reference and setup helper. Use when discussing typography, choosing fonts for a project, setting up font imports, or when the user is starting a new project and needs to pick typefaces.
Skill Claude CodeCodex
Priority-ordered rulebook of core UX/UI laws, cognitive-psychology principles, Nielsen's usability heuristics, and accessibility requirements that Claude must actively apply (not just cite) whenever it designs, builds, redesigns, reviews, or critiques any user interface — websites, web/mobile apps, dashboards, forms…
Agent Claude Code
Award-grade frontend ART + TECHNICAL DIRECTOR and orchestrator for the Atelier suite. Takes a single brief and returns a finished, premium, production-grade WEBSITE by running the image-first "design-then-code" pipeline across a specialist team (atelier-design-lead → atelier-build-engineer → atelier-ship-reviewer)…
Plugin Claude Code
Bundles 1 skill · 175 tokens together
Consolidated design questionnaire — front-load an agent's clarifying questions into one convenient, capped, paginated web form so the design is right on the first go. The inverse (in cadence) of grilling.
cruzedevelopment/use-ui-libraries
Skill Claude Code
Enforces using existing UI component libraries, design systems, and registries instead of building components from scratch. Auto-triggers when building UI, creating components, designing pages, adding frontend features, or working on any web application interface.
Skill Claude CodeCodex
A workflow for creating frontend user-interface visuals with AI, from visual reference and real materials to generated code, browser screenshots, and visual comparison. It focuses on layouts, typography, exact text, interface states, and avoiding invented content.
Plugin Claude Code
Bundles 8 skills, 5 agents · 598 tokens together
AI UI design quality enforcement: 8 skills and 5 agents for UI design teams.
Plugin Claude Code
Bundles 1 skill · 104 tokens together
Mobile UI/UX design intelligence — WCAG validator with OKLCH auto-correct, cross-platform parity diff for Compose vs SwiftUI, and theory-of-design (Fitts / Hick / Gestalt) layout checks. Specialised for Jetpack Compose, Android XML, SwiftUI, and UIKit.
Foster1202/cad-modeling-fusion-skill
Skill Claude CodeCodex
Generate parametric CAD model specifications and Autodesk Fusion Python scripts from natural-language 3D modeling requests. Use when the user asks to create, automate, modify, export, or validate CAD models for Fusion, FreeCAD, OpenSCAD, STEP, STL, OBJ, or 3D printing.
Plugin Claude Code
Bundles 1 skill · 14 tokens together
Generate sequence diagrams directly from natural language descriptions using Swimlanes.io syntax. Describe any workflow (authentication flows, API interactions, microservice communication, CI/CD pipelines) and get correctly formatted diagram code instantly. Supports solid, dashed, and bold arrows, conditional branches.
Plugin Claude Code
Bundles 3 skills · 292 tokens together
Frontend Design Kit — UI, UX, components, charts & animation for Claude Code. Three skills in one: KokonutUI (polished React/Tailwind components), Bklit UI (charts & data-viz), and Anime.js v4 (animation engine).
yasirshabbirservices/Bricks-Builder-MCP
Skill Claude Code
Use when developing for Bricks Builder (WordPress): custom elements, controls, query loops, dynamic data tags, templates/element trees, Style Manager (global variables, color palettes, theme styles, breakpoints), custom fonts, global classes, interactions, popups, query filters, or debugging Bricks rendering/CSS…
sergekostenchuk/mouse-trail-masking-reveal
Skill Codex
Build, repair, tune, and validate interactive cursor-trail mask reveal hero effects in frontend projects. Use when implementing canvas-based base/reveal compositing, soft radial cursor masks, fading cursor trails, reveal debug controls, full-screen hero scenes without site text, or browser smoke checks for cursor…
alexconner-79/high-plains-drifter
Skill Claude CodeCodex
Align a design to your real Storybook components instead of reconstructing it. Use when turning a Figma frame into React built from an existing component library (Build mode), or when pulling scrappy exploratory code into line with the library once a direction feels right (Align mode). Triggers include "build this…
Skill Claude CodeCodex
Generate and edit diagrams with the mcp-diagram-generator MCP server. Use this skill for new diagrams, existing .drawio/.mmd/.excalidraw edits, network topology, architecture, flowchart, swimlane, sequence, class, ER, and Excalidraw whiteboard work. Always use this skill when the user asks to draw, generate, revise…
Skill Claude CodeCodex
After a batch of 2+ user-facing UI changes, produce a before/after verification report to sign off each change while reviewing locally. Invoke on request ('before/after report', 'verification table', 'screenshot diff') or proactively when a finished change set touches ≥2 distinct UI surfaces/behaviors. Captures…
Skill Claude Code
Render a proposed UI change or set of design concepts as real HTML in the project's own design system, serve it locally, and loop on the operator's clicked decisions and inline annotations until they approve. The visual alternative to describing UI in a wall of terminal text or a markdown plan. Use when the operator…
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: