Design Tools Agent Skills

Nanobanana Image Generation

69

Generates and edits high-quality images using the Google Gemini API with customizable aspect ratios, resolutions, and model preferences.

Frontend Design

68

Creates distinctive, production-grade frontend interfaces with high design quality while avoiding generic AI-generated aesthetics.

Atomic Design Templates

66

Generates structured, content-agnostic page layouts based on Atomic Design principles to accelerate frontend development.

Atomic Design Molecules

66

Composes foundational atoms into functional, reusable UI molecule components for consistent design systems.

Gluestack UI Component Explorer

66

Explores and retrieves gluestack-ui component source code, variants, and documentation using specialized MCP tools.

Atomic Design Quarks

66

Establishes foundational design tokens and primitive values to build scalable, professional-grade atomic design systems.

Atomic Design: Atoms

66

Generates fundamental, indivisible UI components like buttons and inputs based on Atomic Design principles.

Atomic Design Fundamentals

66

Implements the Atomic Design methodology to build scalable, hierarchical component libraries with an extended quark-level design token system.

Atomic Design Organisms

66

Constructs complex, standalone UI sections by combining molecules and atoms into modular, production-ready components.

Atomic Design Integration

66

Implements structured Atomic Design methodologies across React, Vue, and Angular frameworks to build scalable UI systems.

UX Affordances Guide

64

Implements intuitive UI/UX design principles by ensuring interactive elements clearly suggest their intended functionality to users.

Modern UI Design Guide

64

Applies professional UI design principles and standardized styling patterns to create clean, accessible, and consistent frontend interfaces.

UI Freeze

64

Protects your frontend design system and theme files from unintended AI-driven modifications.

Chakra UI v3 Design System

64

Builds accessible React applications using Chakra UI v3 compound components, semantic tokens, and custom styling recipes.

Frontend Development Expert

64

Provides professional architectural guidance and implementation patterns for modern web frameworks including React, Angular, Vue, and Next.js.

High-Fidelity UI Design

62

Enforces precise, professional-grade design principles for dashboards and sophisticated SaaS interfaces.

UI/UX Pro Max

60

Generates professional, production-ready UI/UX designs and code across multiple frameworks using a curated database of design patterns and best practices.

Seer Visual Automation

59

Captures and analyzes macOS application windows for visual UI verification and automated regression testing.

Web Design Guidelines Review

59

Audits frontend code for compliance with professional web interface standards and accessibility best practices.

UI/UX Design

58

Applies systematic design thinking to create exceptional, data-driven user experiences and interfaces.

TUI Skills Discovery

57

Automatically identifies terminal user interface development tasks and provides context-aware guidance for frameworks like Bubble Tea and Ratatui.

Elegant UI Design

57

Builds sophisticated, accessible, and developer-centric user interfaces with high-end interactive components like terminals and chat.

Frontend Development Discovery

57

Automatically identifies and loads specialized frontend skills for React, Next.js, and modern web application development.

UI/UX Pro Max - Design Intelligence

57

Enhances frontend development with a comprehensive design intelligence database for creating stunning, accessible, and high-performance user interfaces.

UX Design Expert

56

Provides expert UI/UX guidance to create unique, accessible, and functional web interfaces while maintaining strict design decision collaboration.

Innovative UX Designer

56

Creates distinctive, production-grade frontend interfaces using advanced design thinking and aesthetic principles that move beyond generic AI patterns.

Web Accessibility Assistant

55

Implements WCAG 2.1 compliant web components and ARIA patterns to ensure inclusive and accessible user experiences.

Atris Frontend Design

54

Enforces high-end aesthetic policies to prevent generic, AI-generated looks in frontend components and user interfaces.

Frontend Development Standards

54

Enforces Vue 3 and TypeScript best practices while ensuring professional, production-grade UI design and state management.

Vue JavaScript Expert

49

Builds modern Vue 3 applications using pure JavaScript and JSDoc for type safety without the overhead of TypeScript.