Ux skills for Claude Code

Find Ux skills to make your AI agents smarter.

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

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

chatgpt-app-builder

alpic-ai/skybridge

434

This skill guides developers through creating and updating ChatGPT apps, from ideation and bootstrapping to deployment and integration with the Skybridge

frontend-slides

zarazhangrui/frontend-slides

326

This skill helps you create zero-dependency, animation-rich HTML slide decks from scratch or PPTs, delivering production-ready presentations with distinctive

web-perf

cloudflare/skills

157

This skill analyzes web performance using Chrome DevTools MCP to reveal Core Web Vitals, render-blocking resources, and optimization opportunities.

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.

swiftui-liquid-glass

steipete/agent-scripts

1.4k

This skill helps you implement, review, or improve SwiftUI Liquid Glass features using iOS 26+ API for cohesive, high-performance UIs.

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.

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.

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.

cro-methodology

wondelai/skills

108

This skill helps you audit landing pages, uncover conversion blockers, and design evidence-based experiments to steadily boost your conversion rate.

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.

soulmate

openclaw/skills

1.2k

This skill helps you cultivate meaningful connections with an AI soulmate by providing dynamic personalities, daily prompts, and immersive dating scenarios.

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.

flutter-api

smallnest/langgraphgo

162

This skill provides a comprehensive Flutter API reference guide that accelerates cross platform development by detailing widgets, layout, animations,

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

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.

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

flutter-design

anilcancakir/my-claude-code

This skill accelerates Flutter theming and UI consistency by applying project-defined ThemeData, ColorScheme, typography, and spacing patterns.

framer-expert

frankxai/claude-skills-library

This skill helps you master Framer workflows from design to production, including MCP integration, motion, and CMS for fast, polished web experiences.

ui-design-review

madappgang/claude-code

215

This skill analyzes UI design screenshots and prompts for accessibility, consistency, and usability using Gemini multimodal capabilities to guide reviews.

framer-motion

dylantarre/animation-principles

This skill helps you implement Disney's twelve animation principles in Framer Motion to create expressive, responsive React animations.

frontend-engineer

bahayonghang/my-claude-code-settings

This skill helps you transform designs into stunning, responsive UI components with polished visuals, motion, and accessible interactions.

component-library

bbeierle12/skill-mcp-claude

This skill generates production-ready React components with shadcn/ui patterns and CVA variants to save 8-10 hours per project.

flutter

partme-ai/full-stack-skills

This skill helps you build Flutter apps by guiding widgets, state management, navigation, and platform integration with practical best practices.

x402-payments

omer-metin/skills-for-antigravity

This skill helps you implement HTTP 402 payment checks, Lightning LSAT, and stablecoin streaming to monetize APIs with frictionless UX.

watchos

fusengine/agents

This skill assists in building watchOS apps by guiding complications, workouts, HealthKit integration, and iPhone-Watch connectivity with best practices.

brainstorming

romiluz13/cc10x

This skill helps convert rough ideas into actionable designs through phased questioning and collaborative exploration before detailing implementation.

Page 1 of 31