Design plugins

Claude Code and Codex plugins their authors filed under "design". All categories.

tails

claude

Design and build web interfaces that do not read as AI-generated. Six phases, fourteen reference files, four detectors, one verdict: APPROVED, NOT APPROVED, or COULD NOT LOOK.

1 skill · 1 command · 1 agent · hooks

bugroo/tails 1

Review and elevate website and app interfaces with distinctive art direction, greater beauty, and expressive animation. Grounded in Design for Developers and Animation at Work.

4 skills

prafiles/skills 1

product-design

claudecodex

Product and UX design workflows grounded in psychology: cognitive load, behavior design, and trust.

3 skills

cedi/agent-plugins 1

work

claudecodex

Work deliverables: /draw-excalidraw (Excalidraw diagrams), /sanitize-powerpoint (PowerPoint deck cleanup)

3 skills

outcomeeng/plugins 1

IBM Design Language and Carbon design, implementation, and critique with source routing and evidence-graded evaluation.

3 skills

pmeglaw/ibm-design-language-plugin 1

A design harness for AI coding agents: design systems, design principles, icons and UI review checks from the Better Design MCP server.

2 skills · 1 MCP server

better-designs/better-design-plugin 1

iconflow

claude

Design, review at 16px, and ship a distinctive icon family from one semantic SVG master — favicon, PWA, Tauri, Electron, Android, and tray, behind a fail-closed quality gate.

1 skill · 2 commands

snowyukitty/ai-iconflow 1

Production-grade frontend design, web design compliance auditing, and Vercel deployment.

3 skills

shanghai-Jerry/skills 1

Put your own voice in the demo videos Claude builds. Claude writes the lines, you read them in a recorder, and every scene is timed to your takes.

1 skill · 1 command · 1 MCP server

Saba-Burduli/voiceover-plugin 1

The Patterson Companies design system: brand tokens, components, voice, and logos for producing on-brand interfaces, prototypes, and slides.

1 skill · 1 agent

patterson-agents/patterson-skills 1

Neon-noir, neobrutalist design system for dense operational dashboards. Installs the skill (the nine laws, tokens, 83-component library, styling + accessibility contracts) and the @alebianco/cr-mcp server.

1 skill · 1 MCP server

alebianco/control-room-design-system 1

frontend-design

claudecodex

Searches getdesign.md, designmd.app and designmd.ai for DESIGN.md design systems and returns only the slice your agent asked for. Bundles the MCP server and the skill that tells the agent when to use it.

1 skill · 1 MCP server

sam-rubinstein/frontend-design-mcp 1

Generate a raster logo with a raster image-generation tool or model, then idealize it into a clean, symmetric, editable SVG via the vectormark CLI.

1 skill · 1 command

pradeepmouli/vectormark 1

frontend

claudecodex

Frontend design: /design-frontend skill

2 skills

outcomeeng/plugins 1

Break a UI animation video down frame by frame — exact timestamps, motion metrics, masks, keyframes — and translate it into SwiftUI, CSS, or React motion with an explicit error report instead of a vibes-based copy.

1 skill · 1 command

MohamedFuad16/animation-break 1

illustration

claudecodex

Explanatory and brand illustration skill starring Popa (a pink blob with a green sprout and a notepad) drawn as intricate hand-drawn sketchnotes

2 skills

stevengonsalvez/ainb-toolkit 1

morfa

claude

Design in Morfa from Claude Code: build screens on the canvas, read frames as code, put your own pictures in.

1 skill · 1 MCP server

sshibro/morfa 1

pscat

claude

PostScript rendering, generative art and paper-ready charts with the pscat interpreter: three skills plus the pscat-mcp server. Requires pscat installed separately.

1 MCP server · hooks

jeromebanks/postscript_interpreter 1

Ateliê de pixel art para agentes de IA: técnica guardada no motor, arte saindo de receitas curtas.

1 skill · 1 MCP server

guavovic/pixel-atelier 1

design

claudecodex

Design system building, design review, and presentation craft

2 skills

kimmywork/skills 1

Generate a raster logo with a raster image-generation tool or model, then idealize it into a clean, symmetric, editable SVG via the vectormark CLI.

1 skill · 1 command

pradeepmouli/vectoreyes 1

Design like Fekry: taste, tokens, motion language, accessibility defaults, and five style modes

1 skill

MohamedFekryyy/fekry-plugins 1

110 UI production-readiness checklists from checklist.design, with a build mode and a code-audit mode.

1 skill

klimofey/checklist-design-skill 1

Aligns freestyle SAPUI5 development with the SAP Fiori Design Guidelines (Horizon).

1 skill

sonmezfurkan/fs-skills 1

Visual design companion with click-to-annotate feedback, tabbed comparison, and live hot reload

1 skill

eighteyes/proto-buddy 1

claudecad

claude

The /cad design loop skill: build -> verify -> render -> export STEP. Pairs with the claudecad Python package (uv add claudecad).

1 skill

mdbritt/claudecad 1

A studio-grade design process for coding agents: broad direction search, an independent visual critic, and a subtraction pass, so interfaces come out distinctive and production-ready instead of converging on generic AI-default UI.

1 skill

EricWang1358/world-class-ui-designer 1

Build an immersive scroll-scrubbed landing page where a pre-rendered camera flies from outside each scene into its interior, then flows on to the next with no cuts. Interviews the user for topic, story beats, and brand kit; generates cohesive scenes + seamless camera clips with Higgsfield; wires a portable, framework-agnostic scrub engine.

1 skill

attentiondotnet/scroll-world 1

Convert raster images (PNG/JPG) into accurate SVG, SwiftUI, or Android VectorDrawable vectors.

1 skill

orange-radish/agent-skills 1