Design Tools Agent Skills

Canvas Design & Visual Philosophy

Generates museum-grade visual art and posters by synthesizing unique design philosophies into meticulously crafted digital canvases.

Canvas Design Studio

Generates museum-quality visual art and sophisticated design artifacts through custom-tailored aesthetic philosophies.

UI Audio Theme Generator

Generates cohesive sets of minimal UI sound effects and interaction constants for web and mobile applications using the ElevenLabs API.

Frontend Design

Creates distinctive, production-grade frontend interfaces with strong visual identities to avoid generic AI-generated aesthetics.

Frontend Design & Creative UI

Generates distinctive, production-grade frontend interfaces with high-end aesthetics and bespoke design patterns.

Web Artifacts Builder

Builds complex, multi-component React artifacts for Claude using shadcn/ui and Tailwind CSS.

Next.js 16 Development

Develops modern web applications using Next.js 16, React 19.2, and Tailwind CSS v4 patterns.

Anthropic Brand Styler

Applies Anthropic's official visual identity, professional color palettes, and typography to generated artifacts and documents.

WPF Custom Control Architecture

Architects reusable WPF Custom Controls using modular ResourceDictionaries and clean Generic.xaml hub structures.

Frontend Components

Designs reusable, composable, and maintainable UI components using framework-specific best practices and state management patterns.

Theme Factory

Applies professional visual themes, color palettes, and typography to documentation, presentations, and web artifacts.

XAML Property Element Syntax

Refactors complex inline XAML bindings into structured Property Element Syntax for enhanced readability and maintainability.

Image Quality Enhancer

Optimizes and upscales images and screenshots for professional documentation, presentations, and social media.

WPF Converter Markup Extension

Simplifies XAML development by implementing IValueConverter as a MarkupExtension to eliminate redundant resource dictionary declarations.

AvaloniaUI Radial Gradient Fixer

Automatically identifies and resolves RadialGradientBrush rendering issues in AvaloniaUI by synchronizing GradientOrigin and Center properties.

High-Performance WPF Rendering

Optimizes WPF application graphics and rendering performance using low-level drawing techniques and GPU acceleration.

WPF Styles & Resource Management

Optimizes WPF application UI by managing complex style definitions and ResourceDictionary architectures for consistent design systems.

WPF View-ViewModel Auto-Mapper

Implements automated View-ViewModel mapping in WPF using DataTemplates for seamless navigation and dynamic content rendering.

WPF Custom Control Architect

Streamlines the development of WPF Custom Controls using the Parts and States Model for professional UI component design.

WPF ControlTemplate Customizer

Redefines WPF control visuals and behavior using ControlTemplates, TemplateBinding, and state-based triggers.

WPF Transformed Image Bounds Checker

Calculates and validates coordinate boundaries for WPF images subject to pan, zoom, and rotation transforms.

WPF High-Performance Graphics Rendering

Optimizes WPF application performance by implementing lightweight DrawingVisual patterns for large-scale graphics and custom visual elements.

Plaited UI Patterns

Generates high-performance web components and behavioral UI patterns using the Plaited framework's styling and coordination systems.

HTML/CSS to WPF XAML Converter

Transforms web-based HTML and CSS designs into production-ready WPF CustomControl XAML patterns.

WPF Icon Font Inheritance Resolver

Resolves text font inheritance issues in WPF CustomControls to prevent icon fonts from overriding standard text styles.

WPF Rendering Architecture & Layout

Optimizes WPF rendering pipelines, layout passes, and hardware acceleration for high-performance .NET desktop applications.

WPF Hit Testing Implementation

Enables mouse event reception for custom WPF FrameworkElements by implementing transparent background rendering patterns.

WPF Animation Patterns

Implements professional WPF animations using Storyboards, EasingFunctions, and KeyFrame patterns for interactive UI transitions.

WPF Adorner Implementation

Implements advanced WPF decorative layers and visual feedback mechanisms using the Adorner system.

Web Interface Guidelines Audit

Audits frontend code for compliance with professional web design, UX, and accessibility standards.