Back to Home
palette

UI/UX Design

About UI/UX Design

Explore the UI/UX Design domain for AI Agent Skills that streamline design systems, UI component creation, prototyping, and usability auditing. Tools like `ui-ux-pro-max` efficiently optimize interface layouts, ensuring responsive design and exceptional user experiences. Ideal for designers and developers seeking to accelerate product iteration and deliver user-centric solutions.

Subcategory navigation

Categories:

All UI/UX Design Skills

50 / 212 skills
ui-components

web-design-guidelines

by @vercel-labs

Reviews UI code for compliance with web interface design guidelines, checking accessibility, design, and user experience to ensure interface quality and standards.

4.9(2.0K)
337.6K
automation

ui-ux-pro-max

by @nextlevelbuilder

Provides comprehensive UI/UX design guidelines for web and mobile applications, including various styles, color palettes, font pairings, and product type design suggestions, enhancing design quality.

4.8(2.0K)
178.4K
automation

sleek-design-mobile-apps

by @sleekdotdesign

Utilizes the AI-driven mobile app design tool sleek.design to create projects and describe design requirements via REST API, achieving efficient mobile app design.

4.8(1.7K)
160.3K
ui-design

lark-whiteboard

by @larksuite

Create and edit Lark Whiteboards, supporting drawing flowcharts, wireframes, and freeform creation. Allows batch adding elements and exporting.

4.8(20)
154.9K
design-systems

extract-design-system

by @arvindrk

Automatically extract design tokens (colors, fonts, spacing, etc.) from public websites to generate local design system files, accelerating UI development.

4.8(560)
105.5K
automation

polish

by @pbakaus

Mandatory preparatory skill, requiring adherence to design principles, anti-patterns, and context collection protocols from frontend design skills before use, ensuring a solid design foundation.

4.7(1.8K)
85.6K
animation

animate

by @pbakaus

This skill focuses on using design language to make AI tool user interfaces more vivid and expressive, thereby enhancing user experience and interaction appeal.

4.7(1.7K)
82.1K
color-theory

colorize

by @pbakaus

This skill focuses on using color design language to inject vitality and aesthetics into AI tool interfaces, enhancing visual appeal and optimizing user experience through carefully matched color schemes.

4.7(1.7K)
81.3K
typography

bolder

by @pbakaus

This skill focuses on using bold and impactful design language to make AI tool interface elements more visually appealing and recognizable, thereby strengthening brand image and enhancing user perception.

4.7(1.7K)
80.4K
user-delight

delight

by @pbakaus

This skill aims to create delightful and surprising experiences for users of AI tools through exquisite design language, focusing on details and emotional connection, thereby enhancing user satisfaction and loyalty.

4.7(1.7K)
80.2K
prototype

prototype

by @mattpocock

Build a throwaway prototype to flesh out a design before committing to it. Routes between two branches — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route. Use when the user wants to prototype, sanity-check a data model or state machine, mock up a UI, explore design options, or says "prototype this", "let me play with it", "try a few designs".

4.7(120)
79.3K
minimalist-design

quieter

by @pbakaus

This skill focuses on using a clean, understated design language to create a calm, distraction-free user interface for AI tools, reducing visual noise and enhancing user focus and comfort.

4.7(1.7K)
79.0K
ui-design

design-taste-frontend

by @leonxlnx

Offers highly autonomous frontend design capabilities, allowing configuration of visual parameters like design variations and animation intensity.

4.7(47)
69.1K
ui/ux-design

high-end-visual-design

by @leonxlnx

Specializes in high-end visual design, providing excellent UI/UX architecture planning and dynamic effect orchestration to create creative interfaces and interactive designs with superior user experience.

4.7(53)
60.7K
ui/ux-redesign

redesign-existing-projects

by @leonxlnx

Provides redesign guidance for existing projects, including codebase scanning, identifying frameworks and styling methods, to systematically guide project refactoring and optimization.

4.7(37)
59.3K
visual-art

canvas-design

by @anthropics

Creates visual art and design manifestos, presented in PNG and PDF formats, conveying design philosophy and aesthetic principles.

4.7(728)
59.1K
ui-polish

emil-design-eng

by @emilkowalski

Encodes Emil Kowalski's design philosophy regarding UI refinement, component design, and more.

4.7(62)
58.8K
minimalism

minimalist-ui

by @leonxlnx

Generates sophisticated minimalist document-style web interfaces, focusing on content presentation and visual hierarchy, suitable for top-tier workspace styles.

4.7(62)
55.5K
ui-design

industrial-brutalist-ui

by @leonxlnx

Expert in Industrial Brutalist and Tactical Telemetry UI design, blending Swiss typography and industrial manual aesthetics to create high-contrast, information-dense UIs.

4.7(46)
51.6K
typography

theme-factory

by @anthropics

Provides a curated collection of over 10 professional font and color themes, aiming to offer diverse, high-quality visual style options for design projects.

4.7(423)
45.7K
material-design

design-md

by @google-labs-code

Proficiency in writing design documents using Markdown format, enabling AI coding agents to clearly and structurally record UI/UX design specifications and ideas, facilitating team collaboration and communication.

4.7(1.2K)
45.3K
brand-identity

brand-guidelines

by @anthropics

Utilizes brand identity resources, including color palettes, fonts, and visual elements, to ensure brand consistency and professionalism across all touchpoints.

4.7(524)
44.6K
design-loop

stitch-loop

by @google-labs-code

Follows Google Labs' iterative design and build loop methodology, efficiently transforming ideas into actual products through rapid prototyping and continuous feedback.

4.7(426)
40.5K
layout-design

arrange

by @pbakaus

Evaluate and optimize design layout and spacing, resolving issues like monotony, clutter, or weak structure to enhance visual aesthetics and user experience.

4.6(1.1K)
39.3K
ui-design

shape

by @pbakaus

Designs the UX and UI of features before writing code, adhering to design principles and anti-patterns, using a context collection protocol.

4.6(10)
30.2K
interaction

interaction-design

by @Owl-Listener

Specializes in designing meaningful user interactions, including micro-animations, state transitions, and user flows, to create intuitive, delightful, and efficient digital experiences.

4.6(210)
29.3K
brand-identity

brandkit

by @leonxlnx

Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.

4.6(120)
27.6K
ui-design

layout

by @pbakaus

Evaluates and improves monotonous, crowded, or structurally weak layouts and spacing, transforming generic layouts into rhythmic compositions.

4.6(31)
26.5K
mobile

imagegen-frontend-mobile

by @leonxlnx

An elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. It prioritizes clean hierarchy, readable text, multi-screen consistency, controlled color palettes, and non-generic creative direction, all presented within subtle, premium phone mockups. This skill generates images only, not code.

4.6(120)
26.4K
modular-design

stitch-design

by @google-labs-code

Serves as the unified entry point for Stitch design work, handling prompt engineering to ensure a smooth and efficient design process.

4.6(60)
25.2K
wcag-compliance

accessibility

by @addyosmani

Audit and improve web page accessibility according to WCAG 2.2 guidelines, ensuring smooth usage for all users.

4.6(136)
23.3K
ui/ux-enhancement

make-interfaces-feel-better

by @jakubkrehel

Optimize interface details to enhance user experience, making interfaces feel more comfortable, intuitive, and appealing, thereby increasing user satisfaction.

4.6(43)
22.5K
design

brand-landingpage

by @wshobson

As a design consultant, this skill guides users through a focused brand interview, translating product concepts into design decisions, generating and iteratively refining landing page designs, and delivering a deployment-ready brand landing page bundle. It focuses on single-purpose landing pages and product marketing sites, ensuring a perfect blend of brand vision and technical implementation.

4.6(120)
21.9K
prototyping

huashu-design

by @alchaincyf

Quickly produce high-fidelity designs with HTML, switching between animator, UX designer, or prototyper roles to generate interactive product prototypes and visual solutions.

4.6(11)
21.2K
excalidraw

excalidraw-diagram-generator

by @github

Generates Excalidraw diagrams from natural language descriptions, suitable for creating flowcharts, visualizing processes, and other needs.

4.6(414)
17.6K
design

lark-whiteboard-cli

by @larksuite

Creates free-layout whiteboards on an infinite canvas via a CLI tool, supporting element placement and optional flex layout enhancements.

4.6(10)
16.7K
ui-design

interface-design

by @dammyjay93

Focuses on interface design engineering for Claude Code, covering design, memory, and execution to ensure user experience and functional implementation.

4.5(364)
14.8K
tailwind-css

tailwind-css-patterns

by @giuseppe-trisciuoglio

This skill is an expert guide to Tailwind CSS development patterns for building modern, responsive user interfaces using this utility-first framework.

4.5(54)
11.3K
css-media-queries

responsive-design

by @supercent-io

This skill is used for responsive design, including layout design for new websites/applications, refactoring old layouts, performance optimization, accessibility, and cross-browser compatibility, ensuring multi-device adaptation.

4.5(449)
11.2K
ui/ux-review

web-design-reviewer

by @github

Conducts visual inspections of locally or remotely running websites to identify and fix design issues, ensuring web aesthetics and functionality.

4.5(328)
11.1K
penpot

penpot-uiux-design

by @github

Provide a comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools, suitable for web and mobile design.

4.5(318)
10.4K
design-systems

design-system-patterns

by @wshobson

Focuses on design system patterns, combining intelligent automation and multi-agent orchestration to unify design specifications, enhance product consistency, and improve development efficiency.

4.5(35)
9.7K
design-systems

frontend-design-system

by @supercent-io

This skill is used for production-grade UI design, supporting consistent and scalable frontend development through clear design tokens, layout rules, and animation guidelines.

4.5(339)
8.5K
visual-design

visual-design-foundations

by @wshobson

Master visual design foundations, combining intelligent automation and multi-agent orchestration to improve design efficiency and create more engaging user experiences.

4.5(47)
7.9K
ui/ux-design

design-an-interface

by @mattpocock

Generates multiple distinct interface design solutions, offering innovative perspectives to meet diverse user needs.

4.5(40)
7.7K
landing-page

landing-page-design

by @inferen-sh

Provides landing page design functionality for agents using the inference.sh API.

4.5(275)
6.9K
logo-design

logo-design-guide

by @inferen-sh

Provides hundreds of logo design guide skills for your agents using the inference.sh API.

4.5(266)
6.6K
ai-ideation

bmad-idea

by @supercent-io

This skill is part of the BMAD Creative Intelligence Suite, used for brainstorming with structured creative techniques (7 categories, 36 methods) and running human-centered design.

4.5(39)
6.4K
design

baoyu-diagram

by @jimliu

Writes real SVG code to generate charts, following a consistent design system, outputting self-contained SVG files that support dark mode and can be embedded in articles, WeChat, and slides.

4.4(21)
5.6K
ui-design

design

by @tw93

This SkillForge skill focuses on generating distinctive, production-grade user interfaces for any component, page, or visual interface. It excels at screenshot-driven iteration, handling visual complaints from users, but is not designed for backend logic or data pipelines.

4.4(120)
5.3K