Design Tools Agent Skills

Design System Keeper

Maintains UI consistency by enforcing existing design tokens and component rules throughout the development process.

Interface Design

Builds bespoke, high-craft interfaces for dashboards, admin panels, and software tools while avoiding generic AI design templates.

Web Accessibility Assistant

Implements WCAG-compliant accessibility patterns including semantic HTML, ARIA attributes, and focus management for web applications.

UI/UX Design Systems

Standardizes frontend interfaces using a robust design system of spacing scales, semantic tokens, and accessibility patterns.

Web Design Guidelines

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

Frontend Code Architect

Organizes frontend codebases into modular, feature-based structures with predictable naming and minimal coupling.

Frontend Code Organizer

Standardizes frontend codebase structure through feature-based modularity and clear public exports.

Frontend Codebase Architecture

Organizes frontend codebases into feature-based modules with clear public exports and minimal coupling to ensure scalability.

Frontend Architecture Patterns

Implements industry-standard architectural patterns and best practices for modern frontend frameworks including React, Vue, Svelte, and Angular.

React Best Practices & Architecture

Applies modern React design patterns and architectural best practices to improve code quality, performance, and maintainability.

Smart Screenshot Capture

Captures high-quality screenshots of specific application windows or fullscreens automatically based on conversation context.

NanoBanana Pro Prompt Engineer

Generates optimized, high-fidelity prompts for Google Gemini NanoBanana image creation and advanced visual editing.

Diagram & Infographic Illustrator

Generates professional infographics, flowcharts, and technical illustrations optimized for books, blogs, and social media.

LP Design Style Cloner

Generates landing page images that maintain a specific design style while allowing for text-only modifications via JSON specifications.

Material Design 3 (Material You)

Implements Google's Material Design 3 principles for creating personalized, accessible, and responsive cross-platform user interfaces.

Hotwire Patterns for Rails

Implements interactive Ruby on Rails user interfaces using Turbo and Stimulus patterns to minimize custom JavaScript.

Feature-Sliced Design (FSD) Architecture

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

Artisan Frontend Design

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

Duration Neglect Strategy

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

Design Systems & Component Architecture

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

UI/UX Pro Max - Design Intelligence

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

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.

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.

Multi-Platform UI Prompt Generator

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

WCAG Accessibility Standards

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

Veo Video Tools

Generates cinematic AI video content using Google Veo 3.1 for landing pages, marketing materials, and UI backgrounds.

Seamless Video Loop Generator

Creates mathematically seamless, infinite video loops using forward-reverse-crossfade techniques for web and UI backgrounds.

One-UI Icon Migrator

Simplifies UI migrations by mapping legacy icons to the standardized One-UI design system.