Best Best AI Agent Skills for UI/UX Design

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

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.

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

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.

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.

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.

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

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.

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.

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.

Facilitates the creation and deployment of conversational AI voice agents. This streamlines the development process by providing necessary tools and integrations, allowing developers to focus on functionality rather than infrastructure.

Automatically generates professional illustrations based on document content analysis. This streamlines the process of visual content creation, saving significant time and reducing errors in manual design.

Generates and edits dynamic images for websites using Gemini Native Image Generation. This skill enhances visual content quality by automating image creation, thus streamlining design workflows and minimizing manual editing errors.

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

Automates the process of removing backgrounds from images using the inference.sh CLI. This skill enhances workflow efficiency by providing quick and accurate image editing for various applications, such as e-commerce and marketing.

Streamlines the integration of Tailwind CSS v4 into projects by simplifying the setup process with a more efficient configuration style. Developers gain faster development cycles and reduced complexity by eliminating previous configuration files and adopting a variable-based theming approach.

Facilitates the creation of full-stack web applications using modern frameworks like Next.js, Turborepo, and RemixIcon. Developers benefit from streamlined workflows that enhance productivity by optimizing build performance and ensuring consistent UI design across multiple projects.

Generates clean and professional Mermaid diagrams from textual content in Obsidian and GitHub. This skill streamlines the visualization process, enhancing clarity and presentation quality while minimizing syntax errors.