Design Tools Claude 스킬

MewUI Layout System

Constructs structured .NET user interfaces using the specialized MewUI layout panels and fluent API patterns.

MewUI Tree Navigator

Navigates and manipulates the MewUI visual element hierarchy for efficient .NET UI development.

AI Loading UX

Implements specialized UI/UX patterns for AI reasoning, thinking indicators, and progress states to improve user trust and perceived performance.

Brand.yml Configurator

Standardizes visual identity across Shiny applications and Quarto documents using machine-readable YAML brand specifications.

WPF ThemeInfo Configurator

Configures the ThemeInfo attribute in WPF projects to ensure custom control styles load automatically and correctly across assemblies.

Theme Implementer

Implements and tests custom color schemes, visual themes, and branding variants for AI-driven interfaces.

MewUI Data Binding

Simplifies reactive UI development in .NET by binding MewUI controls to data sources using observable patterns and fluent syntax.

HTML Visual Styler

Transforms unstyled, barebones HTML into professional, cohesive interfaces using an opinionated design system.

MewUI Custom Control Builder

Builds high-performance custom MewUI controls with precise measurement, rendering, and input handling logic.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces and UI components that avoid generic AI aesthetics.

MewUI Graphics Rendering

Renders custom graphics and UI components in MewUI using the IGraphicsContext API and the three-pass layout pipeline.

Accessibility (a11y) Expert

Implements WCAG 2.1 AA compliance for React and Next.js applications to ensure inclusive web experiences for all users.

MewUI App Development

Builds sophisticated desktop applications using the MewUI framework with a fluent C# API and advanced theming.

QR Code Generator

Generates customizable QR codes from URLs, text, and WiFi credentials in multiple formats like SVG, PNG, and PDF.

UI/UX Pro Max

Enhances frontend development with expert UI/UX design intelligence, providing searchable styles, palettes, and implementation patterns for modern interfaces.

AI Loading UX

Designs intuitive AI loading states, reasoning displays, and progress indicators to improve user trust and perceived performance.

HTML Style & UI System

Transforms barebones HTML into professional, production-grade interfaces using an opinionated design system.

Table Filter Designer

Designs high-conversion data table filtering systems by automatically mapping column types to optimal UI components.

Accessibility (a11y) Expert

Ensures React and Next.js applications meet WCAG 2.1 AA standards through semantic HTML, ARIA patterns, and comprehensive audits.

Tailwind 4 Validator

Validates Tailwind CSS v4 configurations and prevents outdated version 3 patterns in modern frontend projects.

React Component Architect

Architects scalable, accessible, and high-performance React and Next.js component libraries using industry-leading design patterns.

React 19 & Vite Guide

Accelerates React 19 SPA development with proactive guidelines for component composition, performance optimization, and accessible web interfaces.

Table Filter UI Designer

Generates optimized filtering user interfaces for data tables by analyzing column patterns and implementing modern UX standards.

Semantic Performance Builder

Designs choreographed emotion sequences and multi-step animations for AI-driven mascot interfaces.

Theme Factory

Styles artifacts like slide decks and landing pages using professional color palettes and font pairings.

National Design Studio UI

Generates high-end government-style UI components using the signature National Design Studio aesthetic.

Design Consistency Auditor

Audits and maintains design system consistency, UI/UX patterns, and accessibility standards across frontend applications.

React Component Architect

Builds high-performance, accessible, and reusable React and Next.js components for design systems and monorepos.

Mascot Integrator

Integrates the emotive-mascot engine into web applications and frameworks to create responsive, particle-based AI avatars.

Design Consistency Auditor

Audits and maintains design system consistency, UX/UI patterns, and accessibility standards across frontend applications.