Get a week free of Claude Code →

Skills tagged "ux" (453)

453 Claude Code skills tagged "ux". Test each skill in the interactive playground.

🎨 Frontend_aesthetics
This skill helps you design unique, immersive frontend aesthetics by selecting distinctive typography, cohesive color themes, and expressive motion to elevate
frontenddesignuxperformance
🎨 Frontend_design_system
This skill translates UI design requirements into production-grade frontend code with design tokens, accessibility compliance, and artistic execution.
frontenddesignuxaccessibility
📋 Game Design Theory
This skill helps you master game design theory including MDA, balance, and player psychology to create engaging, rewarding gameplay experiences.
designresearchplanningux
🎨 Generate
This skill generates custom images using Gemini 2.5 Flash for frontend designs, illustrations, icons, or hero images from user prompts.
aifrontenddesignux
⚙️ Generate Slide
This skill automatically generates project intro slide images using Nano Banana Pro, delivering ready-to-share visuals and a quality-checked best set.
aiautomationdesignux
⚙️ Generate Video
This skill automates product demo video generation using Remotion, analyzing codebase, planning scenes, and parallel rendering to deliver visuals.
automationremixjavascriptproduct
🧪 Go Router Navigation
This skill ensures type-safe navigation with go_router in Flutter apps, providing typed routes, redirection, and transitions for reliable routing.
frontenduxtesting
🎨 Godot Ui
This skill provides expert guidance for Godot UI creation, theming, responsive layouts, and common patterns to accelerate menus, HUDs, inventories, and
designuxproductivityperformance
📋 Google Official Seo Guide
This skill helps you optimize Google search visibility by applying official guidance on SEO, structured data, and monitoring via Search Console.
seomarketingcontentux
⚙️ Greeter
This skill greets users warmly, responding with a friendly welcome message when users say hello or request a greeting.
aicliscriptingux
🎨 Gsap Scrolltrigger
This skill helps you create engaging scroll-driven animations using GSAP ScrollTrigger, enabling pinning, scrubbing, snapping and parallax effects.
frontendperformanceautomationscripting
📋 Gtk Ui Ux Engineer
This skill crafts native-feeling GTK desktop apps following GNOME HIG, focusing on modern GTK4 patterns, theming, accessibility, and responsive theme-aware
designuxaccessibilitypython
📋 Halo Effect Psychology
This skill helps you leverage the halo effect to optimize first impressions, brand perception, and feature presentation across onboarding and marketing.
designuxproductbranding
🧪 Hashimoto
This skill helps you design developer-friendly CLIs with consistent patterns, helpful errors, and machine-readable output inspired by HashiCorp UX.
cliuxdesignproductivity
🎨 Heroui React
This skill helps you implement HeroUI v3 React components effortlessly with no provider, using compound patterns and Tailwind v4 styling for accessible, themed
frontendperformanceaccessibilityux
🎨 Hmm
This skill sends your last LLM response to a browser-based feedback UI for inline edits, comments, and structured export.
frontendcode-reviewuxproductivity
⚙️ Hotel
This skill turns hotel preferences into ready-to-book options by comparing official rates with OTA prices and providing links and checklists.
automationapidataproduct
🎨 Hotkey
This skill guides adding keyboard shortcuts and hotkeys, helping implement, register, and document keyboard interactions across features.
frontendscriptingproductivitycode-review
🎨 Html Presentation
This skill generates professional HTML presentations using reveal.js from markdown content, with responsive design, code highlighting, and speaker notes.
frontenddesignuxaccessibility
⚙️ Humanize
This skill remodels AI-generated text into natural human writing, improving readability and lowering detectability while showing before/after scores and
aiautomationapiwriting
🎨 Hyva Child Theme
This skill creates a complete Hyva child theme with proper structure and Tailwind setup for Magento 2 projects.
frontenddesignuxcli
🎨 I18n
This skill guides you through i18n tasks using react-i18next in React/TypeScript, helping create keys, manage locales, and implement translations.
frontenddocswritingproduct
⚙️ Icon Generation Skill
This skill generates customizable PNG icons with text and color options, enabling quick app icons, placeholders, or simple graphics.
designuxscriptingcli
📋 Idea
This skill helps you transform raw ideas into validated MVP definitions by researching problems, identifying early customers, and scoping minimal features.
planningproductresearchux
📝 Ideate
This skill captures and documents a new idea in design/ideas with a summary, research, and an illustrative sketch.
designuxresearchproduct
⚙️ Image Generation
This skill generates and edits images using AI, enabling product placement, style transfer, and multi-image composites to boost visual storytelling.
aiautomationproductdesign
📋 Image Generation
This skill generates and edits images with Gemini via Python SDK, supporting text-to-image, edits, and multi-reference composition.
aiapiclouddesign
🧪 Image Generation
This skill helps you generate and edit images in various formats and aspect ratios, with upscaling and management capabilities.
aiautomationdesignux
🎨 Imagen
This skill generates images using Google Gemini to create UI mockups, icons, diagrams, and illustrations for any project.
aifrontenddesignux
🎨 Infinite Tunnel
This skill helps you create mesmerizing infinite tunnel effects with Three.js and GSAP for immersive 3D scrolling experiences.
frontendperformancedebuggingdesign
📋 Influence Psychology
This skill helps you ethically apply Cialdini-inspired persuasion to product design, messaging, onboarding, and referrals, with scoring and actionable
marketingcopywritingdesignproduct
📋 Infographic Creator
This skill helps you generate and customize infographic visuals from text using AntV Infographic, enabling quick, shareable data graphics.
aidatadesignux
🎨 Infographic Item Creator
This skill generates complete TypeScript infographic item components and registration logic for the repository, ensuring correct layout and compliance with
aifrontenddataanalytics
📋 Infographic Syntax Creator
This skill generates AntV Infographic syntax output from user content, selecting templates, organizing data, and applying themes for clear visuals.
aidataanalyticsdesign
📋 Insight
This skill helps you rapidly uncover user needs and translate insights into prioritized product opportunities for fast market action.
productresearchmarketingstrategy
🎨 Interaction Design
This skill helps you craft engaging microinteractions and smooth transitions to improve usability and delight users across ui components.
designuxaccessibilityproduct
🎨 Interaction Physics
This skill helps you craft deliberate microinteractions, timing, and accessibility-conscious feedback to guide users and improve perceived performance.
designuxaccessibilityfrontend
🎨 Interactive Study Guide
This skill converts a completed study guide markdown into an interactive, scroll-driven web experience with editorial typography and progressive disclosure.
frontenduxdesignjavascript
🧪 Ios
This skill reviews SwiftUI code for HIG compliance, typography, and accessibility, ensuring Dynamic Type support and platform-specific guidelines.
designuxaccessibilitycode-review
🧪 Ios Design
This skill helps you craft production-grade iOS interfaces with SwiftUI, delivering polished, native-feeling screens that respect Apple's guidelines.
designuxfrontendaccessibility
🧪 Ios Design Workflow
This skill orchestrates end-to-end iOS design workflow from idea to implementation, aligning with Apple HIG and generating actionable specs and tasks.
designuxproductivityplanning
📋 Ios Hig Design
This skill helps you design native iOS interfaces that align with Apple's HIG, ensuring accessible, safe-area aware SwiftUI/UIKit components.
swiftdesignaccessibilityux
🎨 Ios Hig Reference
This skill helps you quickly reference Apple iOS Human Interface Guidelines for design rules, components, and accessibility best practices.
designuxaccessibilityswift
🎨 Ios Mapkit
This skill helps you implement MapKit in SwiftUI for iOS 17+, enabling maps, user location, markers, routes, and geocoding.
frontenddocsdesignux
🎨 Ios Ux Design
This skill analyzes iOS UI/UX, applies Human Interface Guidelines, and proposes interface improvements with SwiftUI patterns and accessibility in mind.
uxdesignaccessibilityfrontend
🎨 Ios Ux Prototype
This skill helps you create interactive iOS UX prototypes as self-contained HTML with phone frames and annotations to visualize flows.
designuxfrontendproductivity
🎨 Island Rescue
This skill helps you STOP marshal rescue guidance on STOP a lonely island scenario STOP by practical steps and STOP clear checklists
aiautomationplanningproduct
🎨 Kobalte
This skill helps you implement accessible, headless Kobalte components in SolidJS, ensuring proper structure and focus management with portals and roots.
solidaccessibilityfrontendux
🎨 Kor Ui
This skill helps you implement and themify the Universal UI library in React Native and Expo, guiding provider setup, components, theming, and troubleshooting.
frontendperformancedebuggingdocs
🎨 Ladakhride Ui Review
This skill analyzes LadakhRide UI to feel human-made, suggests subtle improvements in spacing, animation, and storytelling for authentic, professional design.
designuxfrontendaccessibility
🧪 Landing Page Optimizer
This skill helps optimize landing pages for higher conversions by auditing copy, design, and UX, then delivering prioritized, testable improvements.
marketinggrowthcopywritingdesign
🎨 Liquid Glass
This skill helps you implement Liquid Glass UI in SwiftUI using the glassEffect API for modern, interactive, and morphing designs.
frontenddesignuxperformance
🧪 Lit Component
This skill guides you in developing lit web components for Common UI v2, enabling theme integration and Cell-driven reactivity.
frontenddebuggingdesignux
🧪 Mapbox Style Patterns
This skill provides battle-tested map style patterns and layer configurations for common use cases like restaurants, real estate, data visualization, and
frontendjavascriptdataanalytics
📋 Marp Slide
This skill helps you create professional Marp slides with 7 themes, auto quality improvements, and image layouts for impactful presentations.
designuxcontentwriting
📋 Mermaid Visualizer
This skill converts text into Mermaid diagrams for presentations and docs, ensuring correct syntax and clear visuals for effortless understanding.
designdocsdataanalytics
🐛 Microcopy
This skill helps you craft clear, user-friendly UI copy and microcopy that aligns with brand guidelines and improves onboarding and error messaging.
writinguxbrandingcontent
🎨 Microsim Add Icons
This skill adds clickable Creative Commons and fullscreen icons to a MicroSim control area, improving accessibility and navigation.
frontendaccessibilityscriptingux
🧪 Mobbin Ux
This skill discovers Mobbin UX patterns, generates a design spec for approval, then implements research-backed interfaces.
designuxresearchfrontend
🎨 Mobile App Design Mastery
This skill delivers production-grade mobile UI design guidance for Flutter and native apps, improving touch targets, typography, spacing, and platform-aware
designuxperformanceproduct

More Tags

automation (2772) ai (1905) testing (1783) backend (1548) scripting (1540) debugging (1486) code-review (1426) docs (1343) api (1308) frontend (1279) productivity (1166) devops (1160) data (1050) workflow (1015) cli (1007) performance (984) security (836) analytics (822) design (787) python (653)

Get the best new skills
in your inbox

Weekly roundup of top Claude Code skills, MCP servers, and AI coding tips.