Design skills for Claude Code

Find Design skills to make your AI agents smarter.

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

screenshot-feature-extractor

davila7/claude-code-templates

20.6k

This skill analyzes product screenshots to extract feature lists and generate development task checklists for PRDs and roadmaps.

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.

design-exploration

phrazzld/claude-config

This skill generates a visual design catalogue with multiple proposals to explore directions before implementing.

brainstorming

everyinc/compound-engineering-plugin

9.2k

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

skill-creator

openclaw/openclaw

196.5k

This skill guides you to design and package modular AgentSkills with scripts, references, and assets for scalable AI assistants.

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

system-architect

openclaw/skills

1.2k

This skill helps design scalable, secure software architectures by outlining folder structures, tech stacks, and architectural diagrams for new or refactored

web-design-guidelines

vercel-labs/agent-skills

20.7k

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

nano-banana-pro

steipete/agent-scripts

1.4k

This skill generates or edits images using Nano Banana Pro, preserving user prompts and input images while delivering final PNGs.

web-design-reviewer

github/awesome-copilot

19.4k

This skill visually inspects websites from local or remote hosts to identify design issues and suggest source-level fixes.

expo-app-design

skillcreatorai/ai-agent-skills

620

This skill helps you design and implement cross-platform mobile apps using Expo Router, NativeWind, and React Native styling best practices.

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.

skill-development

anthropics/claude-code

67.8k

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

remotion

google-labs-code/stitch-skills

1.8k

This skill generates Remotion walkthrough videos from Stitch screens, applying smooth transitions, zoom effects, and contextual text overlays for engaging

tauri-architecture

dchuk/claude-code-tauri-skills

This skill explains Tauri architecture, core-shell design, IPC, and security, helping you architect desktop apps with a safe Rust backend and native webview

feature-sliced-design

constellos/claude-code

This skill helps you implement Feature-Sliced Design in Next.js with a custom views layer, delivering scalable, maintainable architecture.

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.

tailwindcss-development

laravel/boost

3.3k

This skill helps you style components and pages with Tailwind CSS v3, enforcing project conventions, dark mode, and responsive patterns.

flutter-widget-generator

ehtbanton/claudeskillsrepo

This skill generates complete Flutter widget Dart files with state management and theming for immediate use

playground

anthropics/claude-plugins-official

5.4k

This skill creates interactive single-file HTML playgrounds with live preview and prompt output to explore topics visually.

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

kiro-skill

feiskyer/claude-code-settings

1.1k

This skill guides you from idea to implementation by producing requirements, design, and actionable task plans in a spec-driven workflow.

responsive-web-design

secondsky/claude-skills

This skill helps you design responsive web interfaces with mobile-first CSS, flexible grids, and fluid typography across devices.

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.

immersive-visuals-router

bbeierle12/skill-mcp-claude

This skill orchestrates multiple domain routers for immersive 3D visuals, shaders, particles, and audio to deliver cohesive experiences.

web-component-design

wshobson/agents

28.7k

This skill helps you design reusable UI components with modern composition patterns and CSS-in-JS choices to build robust design systems.

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.

file-organization

supercent-io/skills-template

This skill helps structure Python projects with consistent folders, naming, and conventions to improve maintainability and scalability.

typography

petekp/claude-code-setup

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

frontend-design

vadimcomanescu/codex-skills

This skill helps you craft production-grade frontend interfaces with a distinctive aesthetic, robust accessibility, and a clear design system using

notion-template-business

xfstudio/skills

This skill helps you build and scale Notion template businesses into real revenue by design, pricing, marketing, and marketplace strategies.

payment-integration-skill

404kidwiz/claude-supercode-skills

This skill helps you implement secure payment integrations and PCI-compliant billing with Stripe, PayPal, and Adyen across checkout and subscriptions.

figma-implement-design

openai/skills

8.6k

This skill translates Figma designs into production-ready code with pixel-perfect fidelity using MCP workflows and design-system mapping.

applying-fsd-architecture

jeongsk/claude-skills

This skill helps you architect frontend projects with Feature-Sliced Design by guiding layers, slices, segments, and dependency rules for scalable code.

desktop-ui-design

dasien/claudemultiagenttemplate

This skill helps you design intuitive desktop interfaces by applying native widgets, platform conventions, and usability patterns to boost usability and

Page 1 of 55