Design Tools Agent Skills

Behavioral Design Toolkit

Applies behavioral psychology and decision science principles to optimize user flows and improve product adoption.

Feature-Sliced Design (FSD) Architecture

Implements a scalable, layered architectural pattern for Next.js applications to prevent circular dependencies and improve maintainability.

Vercel React Best Practices

Optimizes React and Next.js applications using Vercel Engineering's high-performance coding standards and patterns.

Tailwind Design System v4

Build scalable, production-ready design systems using Tailwind CSS v4's CSS-first configuration and modern React 19 patterns.

UI/UX Pro Max

Empowers developers to build production-grade interfaces with automated design systems, accessible palettes, and multi-stack UI guidelines.

Vue.js Best Practices

Implements modern Vue 3 Composition API patterns and performance optimizations for high-quality frontend development.

Artisan Frontend Design

Creates distinctive, production-grade frontend interfaces with high-end aesthetic quality and polished code.

Web Design Guidelines Auditor

Audits web user interfaces for compliance with industry-standard design, accessibility, and UX best practices.

Duration Neglect Strategy

Applies behavioral economics principles to optimize user experiences by focusing on peak intensity and final interactions rather than total duration.

Material Design System

Implements Google's Material Design system to create consistent, accessible, and high-quality digital interfaces across web and mobile platforms.

Design Systems & Component Architecture

Architects scalable, consistent UI ecosystems using atomic design principles and reusable component patterns.

UX & Product Design Hub

Accelerates the end-to-end design process using a 7-step wireframe pipeline and agentic UX patterns for CLI and product interfaces.

TRIZ Asymmetry Thinking Pattern

Applies the TRIZ Asymmetry principle to optimize system designs by breaking symmetry constraints for enhanced functionality and efficiency.

User Research Methodologies

Implement systematic user research frameworks to identify needs, validate designs, and uncover behavioral insights.

UI/UX Pro Max - Design Intelligence

Generates comprehensive design systems and provides expert UI/UX guidance across multiple technology stacks and visual styles.

OpenTUI Development

Builds sophisticated terminal user interfaces using React, Solid, or imperative APIs with advanced layout and animation capabilities.

Superdesign Prompt Library

Accesses a curated library of over 350 UI design prompts to streamline the creation of high-quality style, layout, and component specifications.

Refactoring UI Design Patterns

Implements professional user interfaces using systematic design tactics, visual hierarchy, and constrained styling systems.

Nano Banana Pro Image Studio

Generates and edits high-resolution images directly within Claude Code using Google's Gemini 3 Pro Image API.

UI/UX Pro Max Design Intelligence

Provides a comprehensive database of design patterns, accessibility standards, and styling guidelines to build professional web and mobile interfaces.

Human Interface Guidelines (HIG) Expert

Implements Apple's design principles and standards to create consistent, intuitive, and accessible experiences across all Apple platforms.

Information Architecture Design

Organizes content and navigation structures using research-driven methodologies like card sorting and tree testing to ensure intuitive information findability.

Lev Design UX Pipeline

Executes a rigorous 7-step agentic UX design pipeline to transform product concepts into validated wireframes and structured information architecture.

Nudge Theory

Influences user behavior through strategic choice architecture and behavioral economics principles to drive desired outcomes without coercion.

Von Restorff Effect Design Pattern

Applies the psychological Isolation Effect to make critical information visually or conceptually distinct for better user memory retention.

WCAG Accessibility Standards

Implements Web Content Accessibility Guidelines (WCAG) to create inclusive digital experiences using the POUR principles.

Laws of UX Design Patterns

Applies 21 psychology-based design principles to build intuitive, human-centered digital products and user interfaces.

Multi-Platform UI Prompt Generator

Generates platform-specific prompts and interactive UI components from universal widget definitions across Telegram, OpenAI Canvas, MCP, and CLI.

Nielsen Usability Heuristics

Evaluates and improves user interfaces using Jakob Nielsen’s 10 foundational usability principles for interaction design.

Peak-End Rule Experience Design

Optimizes user memory formation by strategically engineering experience peaks and satisfying endings to drive long-term retention.