Design plugins

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

cavalry

claudecodex

Build professional, beat-synced motion graphics in Cavalry from the shell with the cav CLI.

1 skill · 1 MCP server · hooks

rock3r/cav 10

ParCAD

claudecodex

Model 3D-printable parts in a JavaScript DSL on an exact B-rep kernel, over MCP.

2 skills · 1 MCP server

ierehon1905/parcad 10

Production-grade frontend design skill that avoids AI slop — specific rules for typography, color (OKLCH), layout, motion, interaction, and UX writing

1 skill

harnessprotocol/harness-kit 10

Claude Code only: a band above the prompt with the open cav review notes, a toast when the reviewer sends notes, and an optional wake-up that starts a turn to handle them.

rock3r/cav 10

dstack-design

claudecodex

DStack workflows for interface design, prototypes, and visual fidelity.

9 skills

gosuda/dalcom-skills 9

Entur Linje design system: @entur/* React components, design tokens, brand identity, WCAG/universell utforming compliance, and package upgrade migrations. Sourced directly from entur/design-system so there is no vendored copy to drift.

6 skills

entur/ai 9

Figma MCP with batch ops, multi-channel routing, library automation, and design best-practice skills.

4 skills · 1 MCP server · hooks

sunhome243/figma-mcp-express 9

dstack-visual

claudecodex

DStack workflows for diagrams, decks, canvases, and visual explainers.

3 skills

gosuda/dalcom-skills 9

Interactive translator that converts plain English descriptions into structured JSON schemas for Nano Banana Pro (Gemini 3 Pro Image). Supports marketing images, UI mockups, diagrams, data visualizations, and social graphics.

1 skill · 1 command

jawhnycooke/claude-plugins 9

anime-mj

claude

Anime/manga prompt builder for Midjourney Niji mode. Features 30+ manga artists, 14 anime studios, 40+ SREF codes, character consistency workflows, and video/animation support.

1 skill · 1 command

jawhnycooke/claude-plugins 9

Apply Anthropic's official brand colors and typography to visual artifacts. Includes brand color palette (Dark, Light, Orange, Blue, Green), typography standards (Poppins headings, Lora body), and automatic styling rules.

1 skill

jawhnycooke/claude-plugins 9

Governance harness for the ShipWithAI design system: spec-first workflow skills, read-only auditor agents (incl. design-harness-doctor), and warn-only guardrail hooks. Install one plugin and a dev/agent inherits the whole workflow.

ShipWithAI/shipwithai-plugins 9

web-motion

claudecodex

Self-contained web motion skills with TypeGPU, Motion React, CSS, WAAPI, Tailwind, Lottie, Three.js/R3F, and Rive references.

16 skills

BjornMelin/dev-skills 8

Taste Skill 简体中文版:让 AI 做出来的界面不再有 AI 味,涵盖布局、字体排版、动效与间距的设计规范。

13 skills

Hayatelin/taste-skill-zh-CN 8

design-motion

claudecodex

Cross-stack motion & design-system direction: an orchestration router, a motion-quality audit skill, cinematic R3F look-dev, seven specialist motion subagents (including a runtime-proof verifier), and a director output style.

2 skills · 7 agents

BjornMelin/dev-skills 8

User experience and interface design expertise for prototyping, usability testing, user research, and wireframing.

4 skills · 2 agents

spjoshis/claude-code-plugins 8

design

claudecodex

Design skills — UX psychology, visual design, accessibility, and Apple featuring readiness for web, SaaS, and mobile apps

4 skills · 2 agents

tartinerlabs/skills 8

tailr

claudecodex

Visual markup on a running dev server, handed to the agent as one locked batch. Registers Tailr's MCP server and the operating rules for the review loop.

3 skills · 1 MCP server

gcrft123/tailr 8

EffectHouse AI

claudecodex

Describe the effect you want and EffectHouse AI builds it in the real Effect House engine: face and hand tracking, stickers, makeup, 3D, text and scripted mini-games. Watch it in a live preview or on your phone, tune it with sliders, then publish it to your Effect House account and follow how it performs.

1 skill · 2 MCP servers · hooks

tiktok/effect-house-agent-plugins 8

Convert Figma designs to pixel-perfect React components with Tailwind CSS

1 skill · 1 MCP server · hooks

gbasin/figma-to-react 8

Preservation-first architectural analysis, visualization preparation, rendering workflows, documentation, and presentation support.

1 skill · 2 MCP servers

dakhlallah/arch-render 8

icons-pro-max

claudecodex

The complete icon system for the Personal Web — one catalog for payment methods, QR codes, social/app brand marks, the lucide-react UI set, and tech-stack logos, with exact paths, components, sizes, brand colors, render recipes, and an anti-slop checklist

1 skill

buidangminh23/icons-pro-max 8

orrery

claude

The orrery skill: official AWS, Azure, Google Cloud, Kubernetes, GitHub and IBM icons, ELK auto-layout you can steer, SVG/PNG/draw.io/TSX/HTML output and design documents, an MCP server, planner and author agents, a review board of four reviewer agents and 77 reference diagrams.

1 skill · 4 commands · 8 agents · hooks

Sagargupta16/orrery 7

Five detailed Swift/SwiftUI design-engineering skills — iOS camera & photos, iOS chat & messaging, iOS interaction primitives (widgets, Live Activities, Dynamic Island, haptics), the final 5% of polish, and native macOS app design (Codex/Linear/Things 3 quality).

5 skills

heyimjames/ios-design-skills 7

design-with-ai

claudecodex

Design product interfaces and implement polished websites with AI.

2 skills

amanmaqsood/design-with-ai 7

design

claude

Design intelligence (styles/palettes/stacks) and UX critique

2 skills

Davie521/claude-skills 7

uisandbox

claude

Open a built web app in UISandbox from the chat (1:1, its own knobs), try a change, verify, export the patch. Skill + MCP server.

1 skill · 1 MCP server

Ideelab/uisandbox 7

Design and build distinctive, production-grade iOS interfaces in SwiftUI. Honors HIG while rejecting generic AI-generated aesthetics.

1 skill

lisovet/claude-skills 7

UI/UX design intelligence with 50+ styles, 21 palettes, 50 font pairings, and 9 technology stacks

1 skill

RanNahmany/mamad-challenge-skills 7

Generate Excalidraw diagrams from natural language descriptions. Supports flowcharts, mind maps, architecture diagrams, ER diagrams, sequence diagrams, and more.

1 skill

RanNahmany/mamad-challenge-skills 7