Design skills for Claude Code

Find Design skills to make your AI agents smarter.

2418 skills available

Official only

anthropics/skills

This skill helps you design production-grade frontend interfaces with bold aesthetics and polished code for components, pages, and apps.

brainstorming

everyinc/compound-engineering-plugin

9.6k

This skill helps you brainstorm effectively before features, clarifying intent, exploring options, and guiding design decisions to align with user goals.

web-design-guidelines

vercel-labs/agent-skills

22.8k

This skill reviews UI code against Web Interface Guidelines and outputs concise file:line findings to improve accessibility and consistency.

dashboard-creator

mhattingpete/claude-skills-marketplace

269

This skill helps you generate interactive HTML dashboards with KPI cards and charts for metrics visualization and monitoring.

mobile-app-design-mastery

anilcancakir/my-claude-code

This skill delivers production-grade mobile UI design guidance for Flutter and native apps, improving touch targets, typography, spacing, and platform-aware

ai-image-generation

openclaw/skills

2.5k

This skill helps you generate AI images across 50+ models via inference.sh, enabling text-to-image, inpainting, upscaling, and editing.

ui-ux-pro-max

cin12211/orca-q

This skill helps designers plan, build, and optimize UI/UX for websites and apps using diverse styles, palettes, fonts, and stacks.

ios-hig-design

wondelai/skills

108

This skill helps you design native iOS interfaces that align with Apple's HIG, ensuring accessible, safe-area aware SwiftUI/UIKit components.

ui-extractor

alpex-ai/ui-extractor

This skill analyzes UI sources like URLs and recordings to generate implementation specs, design systems, and component catalogs.

pr-walkthrough

tldraw/tldraw

45.7k

This skill generates a narrated PR walkthrough video with code-focused slides and audio, easing code review and onboarding for teammates.

prd

github/awesome-copilot

19.4k

This skill generates high-quality PRDs for software features including executive summaries, user stories, technical specs, and risk analysis.

ios-design

pokotieru-mashumaro/claude-code-template-ios-backend

This skill helps you craft production-grade iOS interfaces with SwiftUI, delivering polished, native-feeling screens that respect Apple's guidelines.

flutter-architecture

madteacher/mad-agents-skills

This skill guides structuring Flutter apps with MVVM, feature-first organization, and clean layers to improve scalability, maintainability, and team

logo-creator

resciencelab/opc-skills

472

This skill helps you create and iterate logos with AI, generating variations, refining styles, and exporting clean SVG assets.

design-critique

petekp/claude-code-setup

This skill provides direct, actionable UI/UX critiques focused on clarity, hierarchy, accessibility, and craft to improve design reviews and ship-ready

custom-ui

clerk/skills

This skill helps you tailor Clerk component appearance by applying themes, layout, colors, and fonts to match branding.

ui-ux-design

arvindand/agent-skills

This skill helps you design production-grade frontend interfaces with accessible UX, generating ready-to-run code and guidelines.

mindmap-generator

jeremylongshore/claude-code-plugins-plus-skills

1.4k

This skill helps automate mindmap generator workflows, providing step-by-step guidance, production-ready code, and validation for reliable visual content

react-native-patterns

amnadtaowsoam/cerebraskills

This skill helps you apply React Native development patterns to structure projects, manage navigation, state, and styling for scalable cross-platform apps.

frontend-design

vudovn/antigravity-kit

5.7k

This skill guides you through thoughtful web UI design using psychology, layout, typography, color, and accessibility principles to improve user experience.

mobile-ios-design

wshobson/agents

28.7k

This skill helps you design polished iOS interfaces and SwiftUI layouts aligned with Apple's HIG for accessible, adaptive apps.

baseline-ui

ibelick/ui-skills

891

This skill enforces a consistent Baseline UI by guiding components to follow opinionated Tailwind and motion conventions with accessible primitives.

skill-development

anthropics/claude-code

73.8k

This skill guides creating and structuring Claude Code plugins, enabling efficient skill design, reusable assets, and clear progressive disclosure.

architecting-networks

ancoleman/ai-design-components

291

This skill helps you design secure, scalable cloud network architectures across AWS, GCP, and Azure, guiding VPC patterns and zero trust.

information-architect

vadimcomanescu/codex-skills

This skill helps you design clear, scalable information architectures for apps and docs, improving navigation, labeling, and user wayfinding.

shadcn-ui

madappgang/claude-code

215

This skill helps you implement accessible shadcn/ui components with Tailwind, Vite, and TanStack Router setup for rapid, consistent UIs.

tailwind-css-patterns

giuseppe-trisciuoglio/developer-kit

This skill helps you implement Tailwind CSS development patterns for mobile-first, responsive layouts, design tokens, and component reuse to speed up UI work.

element-plus-vue3

partme-ai/full-stack-skills

This skill guides you through installing, configuring, and using Element Plus with Vue 3, including theming and API reference.

aceternity-ui

secondsky/claude-skills

This skill helps you implement Aceternity UI components in Next.js projects with Tailwind and Framer Motion for stunning animated interfaces.

d2-diagrams

laurigates/claude-plugins

This skill generates architecture diagrams and flowcharts from declarative D2 text, enabling rich styling, layouts, and themes with automatic rendering.

qwen-image-2-pro

inference-sh/skills

106

This skill generates professional text-heavy images using Qwen-Image-2-Pro via inference.sh, delivering realistic renders and strong semantic adherence for

ui-ux-pro-max

jmerta/codex-skills

105

This skill helps you design, build, and refine frontend UI/UX with searchable palettes, typography, and stack guidelines across frameworks.

canva

vm0-ai/vm0-skills

This skill enables you to manage Canva designs, folders, assets, and comments via curl, streamlining creation, export, and collaboration.

marp-slide

davila7/claude-code-templates

20.6k

This skill helps you create professional Marp slides with 7 themes, auto quality improvements, and image layouts for impactful presentations.

mui

softaworks/agent-toolkit

273

This skill applies MUI v7 styling, theme, and responsive patterns to accelerate building consistent, accessible components with sx prop and hooks.

ui-design

omer-metin/skills-for-antigravity

This skill delivers world-class UI design guidance grounded in clarity, consistency, accessibility, and scalable systems to help users accomplish goals

Page 1 of 68