Design skills for Claude Code

Find Design skills to make your AI agents smarter.

2452 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.

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.

web-design-guidelines

vercel-labs/agent-skills

23.0k

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

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.

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.

ui-extractor

alpex-ai/ui-extractor

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

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

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.

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.

frontend-design

vipulgupta2048/codex-skills

This skill helps you craft distinctive, production-grade frontend interfaces with bold aesthetics, accessible structure, and purposeful motion across

auto-redbook-skills

comeonzhj/auto-redbook-skills

704

This skill creates Xiaohongshu note content (title and body), generates image cards, and handles posting to share professional notes.

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.

godot-development

omer-metin/skills-for-antigravity

This skill helps you develop Godot 4 games efficiently by applying best practices for nodes, signals, resources, and performance.

game-design

vudovn/antigravity-kit

5.7k

This skill helps you design engaging games by applying core loop, GDD structure, player psychology, and balanced progression.

baoyu-infographic

jimliu/baoyu-skills

5.8k

This skill generates publication-ready infographics by analyzing content and recommending optimal layout and style combinations across 20 layouts and 17 styles.

flutter-architecture

openclaw/skills

2.5k

This skill helps you establish a Flutter MVVM and componentized architecture with four-layer separation, scaffolding modules and aligned directory structures.

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.

flutter-skill

thruthesky/flutter-skill

This skill guides Flutter app development with universal UI/UX, state management, networking, and API integration to ensure consistent, reusable patterns.

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

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.

claude-android-skill

dpconde/claude-android-skill

This skill helps you build production-quality Android apps using Kotlin, Jetpack Compose, MVVM, and modular architecture following Google's guidance.

ux-designer

shubhamsaboo/awesome-llm-apps

99.9k

This skill helps you conduct user research, craft wireframes and prototypes, and improve usability through structured UX rules and design systems.

stitch-loop

google-labs-code/stitch-skills

2.0k

This skill helps you iteratively build web pages with Stitch using a baton-loop, delivering pages and next tasks for continuous improvement.

system-design

anthropics/knowledge-work-plugins

9.9k

This skill helps you design scalable systems and evaluate architectural decisions with structured guidelines for requirements, data modeling, APIs, and

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.

flutter-design-system

hoangnguyen0403/agent-skills-standard

227

This skill enforces Flutter design system adherence by replacing hardcoded values with project tokens, enhancing consistency and maintainability.

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.

email-template-design

toilahuongg/shopify-agents-kit

This skill designs production-ready HTML email templates with inline CSS and cross-client compatibility, ensuring responsive, accessible campaigns.

typography

petekp/claude-code-setup

This skill helps you apply professional typography principles to create readable, balanced interfaces with clear hierarchy and effective measure.

axiom-app-composition

charleswiltgen/axiom

470

This skill helps you structure app entry, manage authentication flow, and orchestrate root view transitions to reduce flicker and improve UX.

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

pexo-agent

pexoai/pexo-skills

132

This skill acts as your creative partner, turning ideas into finished, ready-to-share content across images, audio, and video without prompts or editing.

ui-wireframing

constellos/claude-code

This skill guides mobile-first UI planning by generating ASCII wireframes and WIREFRAME.md templates to visualize layout before coding.

ui-review-tahoe

rshankras/claude-code-apple-skills

This skill performs comprehensive macOS Tahoe UI/UX reviews, ensuring Liquid Glass, HIG compliance, SwiftUI patterns, accessibility, and AppKit modernization

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.

brand-asset

sanky369/vibe-building-skills

This skill generates branded visual elements such as logos, icons, patterns, and illustrations to reinforce your brand identity.

Page 1 of 69