Design Tools Agent Skills

Table Filter Designer

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

Tailwind 4 Validator

Validates Tailwind CSS v4 configurations and prevents outdated version 3 patterns to ensure a modern, CSS-first setup.

Tailwind 4 Validator

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

Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai with professional styling and automated bundling.

WPF Brush Pattern Designer

Generates professional WPF brush styles including gradients, tile patterns, and visual reflections for high-quality desktop UI design.

WPF RTL Support

Implements Right-to-Left (RTL) layout support in WPF applications using FlowDirection and bidirectional text patterns.

WPF Vector Icon Creator

Generates resolution-independent, scalable vector icons and reusable XAML styles for WPF applications.

MewUI Tree Navigator

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

WPF Dynamic Graphics

Generates complex WPF shapes and geometries programmatically in C# for advanced data visualization and UI components.

MewUI Data Binding

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

MewUI Layout System

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

HTML Style & UI System

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

MewUI App Development

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

MewUI Graphics Rendering

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

MewUI Custom Control Builder

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

UI/UX Pro Max

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

Version Badge Component Generator

Implements a framework-agnostic version badge component with interactive tooltips showing build metadata and recent changelog entries.

Gemini AI Image Generator

Generates professional-grade images using Google's Nano Banana Pro model directly within your development environment.

WPF ThemeInfo Configurator

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

Design Consistency Auditor

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

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.

Artifacts Builder

Generates sophisticated, multi-component React artifacts for Claude.ai using a professional frontend stack and automated single-file bundling.

Design Consistency Auditor

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

National Design Studio UI

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

Mascot Integrator

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

React Component Architect

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

Table Filter UI Designer

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

Web Artifacts Builder

Builds production-ready, accessible web applications using the React, Tailwind CSS, and shadcn/ui stack.

Fluxwing UX Component Expander

Enhances ASCII UI components by automatically generating interaction states like hover, focus, and disabled for rapid prototyping.