Design Tools Agent Skills

React Vite Frontend Development

Accelerates modern React 18+ development using the Vite build tool, TypeScript integration, and advanced state management patterns.

Web Accessibility Expert (a11y)

Implements WCAG standards and semantic HTML to create inclusive, production-grade web experiences.

Web Interface Design

Applies professional UI/UX principles to create clean, accessible, and high-conversion web interfaces through systematic design patterns.

React 19+ Design Patterns

Implements modern React 19 patterns with TypeScript to ensure type safety, performance, and maintainable component architectures.

Animated Image Generator

Generates minimalist static images from text prompts and transforms them into short animations using Google’s generative models.

Layout Builder

Generates responsive Flexbox and CSS Grid layouts through an interactive process for production-ready frontend development.

CSS Variables & Theming

Manages design system tokens and runtime theming using a Joy UI-inspired CSS variable architecture.

UI/UX Pro Max Design Intelligence

Provides comprehensive design systems, color palettes, and framework-specific implementation patterns for professional frontend interfaces.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high-quality aesthetics that avoid generic AI-generated patterns.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces with high design quality and custom aesthetics.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces with high-quality aesthetics that avoid generic AI-generated patterns.

Frontend Design Specialist

Creates distinctive, production-grade frontend interfaces with high design quality and custom aesthetics.

UI/UX Pro Max - Frontend Design Intelligence

Guides the creation of stunning, production-grade user interfaces using professional design patterns and stack-specific best practices.

UI/UX Pro Max

Empowers Claude with professional design intelligence to build stunning, accessible, and production-grade user interfaces across web and mobile frameworks.

Orono Technology Brand Styling

Applies official Orono Technology brand guidelines and visual standards to documents, presentations, and digital assets.

Brand Discovery Interviewer

Conducts structured client discovery interviews for brand identity projects using tiered questionnaire workflows.

Monto Design System Expert

Provides specialized guidance and implementation patterns for the Monto financial platform design system.

Accessible Breadcrumb System

Implements WCAG-compliant, responsive hierarchical breadcrumb navigation for complex web applications and corporate platforms.

Style Master: CSS & Frontend Specialist

Audits frontend codebases, maintains design systems, and implements modern, accessible CSS patterns to ensure visual consistency.

UX Component States

Implements responsive visual feedback and interactive state patterns for accessible web components and UI elements.

Modern Angular 21 Patterns

Implements cutting-edge Angular 21 development standards focusing on signals, modern control flow, and accessible UI patterns.

UI Component Design & Implementation

Builds accessible, theme-compliant React components using design tokens, semantic HTML, and W3C ARIA standards.

UX Designer

Guides the creation of unique, accessible, and user-centered interfaces with a focus on non-generic design patterns.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and custom aesthetics that avoid generic AI patterns.

Professional UI Design Guide

Enforces modern, minimal design standards and professional UI patterns to ensure clean, consistent, and production-grade frontend interfaces.

Frontend Design Expert

Creates distinctive, production-grade frontend interfaces with high design quality and custom aesthetic directions.

Dynamic Table Filter Builder

Generates standardized table filters with advanced query logic, model searching, and visual grouping for frontend applications.

Frontend Design & Creative UI

Creates distinctive, production-grade frontend interfaces with high design quality by avoiding generic AI aesthetics and using multimodal analysis.

Frontend Design Pro

Creates distinctive, production-grade frontend interfaces with high design quality by extracting guidelines from references or applying creative design thinking.

Minimalist Portfolio Design

Generates clean, typography-focused portfolio websites using neo-brutalist and Swiss design principles.