Best Best AI Agent Skills for UI/UX Design

Review files for compliance with Web Interface Guidelines.

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic 'AI slop' aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

A comprehensive design guide for web and mobile applications that includes styles, color palettes, typography, UX guidelines, and chart types across various technology stacks. It serves as a searchable database with priority-based recommendations.

Help turn ideas into fully formed designs and specs through natural collaborative dialogue.

The building-native-ui skill focuses on creating native user interfaces in Expo applications, utilizing guidelines and tools provided by the Expo ecosystem.

Skill for creating design philosophies—artistic movements that are visually expressed through design artifacts like .md, .pdf, and .png files.

This skill provides a curated collection of professional font and color themes for consistent and professional styling of presentation slide decks and other artifacts.

To access Anthropic's official brand identity and style resources, use this skill.

A toolkit providing utilities and knowledge for creating animated GIFs optimized for Slack.

Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.

Create professional, visually appealing Marp presentation slides with 7 pre-designed themes and built-in best practices.

Expert guide for building accessible, customizable UI components with shadcn/ui, Radix UI, and Tailwind CSS.

Break down complex content into eye-catching infographic series for Xiaohongshu with multiple style options.

This skill helps you create `DESIGN.md` files that serve as the "source of truth" for prompting Stitch to generate new screens that align perfectly with existing design language. Stitch interprets design through "Visual Descriptions" supported by specific color values.

Infographic Generator that allows users to combine different layouts and styles for creating visually appealing infographics.

Master modern responsive design techniques to create interfaces that adapt seamlessly across all screen sizes and device contexts.

Web-based slides maker built on Vite, Vue, and Markdown.

UnoCSS is an instant atomic CSS engine designed to be flexible and extensible, functioning as a superset of Tailwind CSS for utility-based CSS generation.

Master iOS Human Interface Guidelines (HIG) and SwiftUI patterns to build polished, native iOS applications that feel at home on Apple platforms.

The 'game-changing-features' skill focuses on product strategy to identify transformative features that can significantly enhance a product's value.

The Frontend Code Review skill helps users inspect and review frontend code, specifically targeting `.tsx`, `.ts`, and `.js` files. It offers two modes for code review: pending-change review and file-targeted review, utilizing a checklist to flag violations and suggest improvements.

Master design system architecture to create consistent, maintainable, and scalable UI foundations across web and mobile applications.

Autonomous frontend builder that facilitates continuous site-building iterations using Stitch MCP tools.

Master Material Design 3 (Material You) and Jetpack Compose to build modern, adaptive Android applications that integrate seamlessly with the Android ecosystem.

Create engaging, intuitive interactions through motion, feedback, and thoughtful state transitions that enhance usability and delight users.

Master React Native styling patterns, React Navigation, and Reanimated 3 to build performant, cross-platform mobile applications with native-quality user experiences.

Build reusable, maintainable UI components using modern frameworks with clean composition patterns and styling approaches.

Build cohesive, accessible visual systems using typography, color, spacing, and iconography fundamentals.

Master accessibility implementation to create inclusive experiences that work for everyone, including users with disabilities.

Tailwind CSS Component Patterns for efficient UI development, offering a variety of reusable components and spacing guidelines.

Tailwind v4 + shadcn/ui Production Stack is a production-tested setup for using Tailwind CSS version 4.1.18 with custom utility-first CSS classes. It provides detailed setup instructions, dark mode setup, and common errors with solutions, aimed at enhancing the development of user interfaces with a focus on responsive and theme-aware applications.

Enforces an opinionated UI baseline to prevent AI-generated interface slop.

Practical guide to testing web applications with screen readers for comprehensive accessibility validation.

Comprehensive guide to auditing web content against WCAG 2.2 guidelines with actionable remediation strategies.

Addresses performance issues in UI animations by applying essential constraints. Ensures smoother interactions and transitions, ultimately improving user experience and performance metrics.

Identifies and corrects accessibility deficiencies in UI components to ensure compliance with standards. This skill enhances user experience by making interfaces inclusive, thus broadening potential user engagement.

Facilitates a comprehensive evaluation of mobile feature feasibility by assessing key dimensions like platform clarity and accessibility risk. By using this skill, developers can proactively identify potential issues, ensuring a smoother design process and higher-quality mobile applications.

Provides unstyled and accessible component primitives for building Vue 3 applications. This skill streamlines the development process by offering a compliant component library that reduces time spent on implementing accessibility features manually.

Enhances image quality by analyzing and improving resolution, sharpness, and clarity. Users benefit from polished visuals that improve the overall appearance of their content across various platforms.

Facilitates the internationalization and localization of applications by providing best practices and implementation patterns. This skill enhances user experience by ensuring that applications can easily support multiple languages and regional preferences.

Facilitates the creation and refinement of design concepts on a vast canvas while sourcing inspirational styles. By using this skill, designers can streamline their workflow and enhance creativity, resulting in more effective design outputs.

Generates comprehensive design tokens for scalable design systems. This skill enhances workflow by automating design specifications, ensuring consistency and saving time in UI development.

Facilitates the integration of 3D models and animations into web projects using frameworks like Three.js and React. By installing this skill, developers can enhance user engagement with interactive 3D experiences while ensuring optimal performance and usability.

Handles the creation of engaging and interactive scroll-driven web experiences. Developers benefit by enhancing user engagement and storytelling through dynamic scroll animations and cinematic layouts.

Handles the integration of AI functionalities into React applications by providing frontend hooks for managing chat interfaces. Developers gain time efficiency through streamlined implementations of AI interactions while reducing the complexity of state management.

Handles the design and structure of an engaging online portfolio that captures attention quickly. By optimizing presentation and usability, it enhances user interaction and increases chances of converting visitors into connections or job offers.

Handles the creation of visually stunning and intuitive user interfaces by integrating design aesthetics with functional coding practices. Developers gain the ability to produce cohesive and memorable interfaces that enhance user engagement and satisfaction.

Utilizes a library of predefined components to enforce consistent design patterns across applications. This results in improved UI uniformity and accelerates development by reducing the need for repetitive styling tasks.

Consolidated skill for building terminal user interfaces with OpenTUI. Use decision trees to find the right framework and components, then load detailed references.