Design Tools Agent Skills

Webflow Code Components

Develops, optimizes, and deploys React-based code components for the Webflow Designer using Shadow DOM architecture and the Webflow CLI.

Fancy Yard Landscaper

Transforms outdoor spaces through expert landscape design, climate-specific plant selection, and visual AI renderings.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality while avoiding generic AI aesthetics.

Design Brief Generator

Generates comprehensive, well-structured design briefs that define project scope, goals, constraints, and success criteria to align stakeholders.

Frontend Responsive

Builds adaptive, mobile-first web layouts using fluid grids and relative units to ensure a seamless user experience across all device sizes.

Frontend Accessibility

Builds inclusive web interfaces using semantic HTML, ARIA attributes, and robust keyboard navigation patterns to ensure WCAG compliance.

Frontend CSS

Implements maintainable, responsive styling using modern CSS methodologies and design system tokens.

Tailwind CSS JARVIS UI

Implements utility-first styling and holographic design patterns for high-performance AI assistant interfaces.

WPF Custom Control Architecture

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

Artisan Canvas Designer

Generates high-fidelity visual art and design philosophies in PDF and PNG formats using sophisticated aesthetic principles.

Algorithmic Art Generator

Generates sophisticated p5.js generative art by establishing deep algorithmic philosophies and implementing them through meticulously crafted code.

Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using modern frontend frameworks and professional design systems.

Image Quality Enhancer

Enhances the resolution, sharpness, and clarity of screenshots and images for professional use in documentation and social media.

Design System Starter

Architects scalable and accessible UI design systems using atomic design principles, standardized tokens, and component patterns.

Theme Factory

Applies professional visual styling, color palettes, and typography to artifacts like slide decks, documentation, and web pages.

React Modernization

Upgrades legacy React applications by migrating class components to functional hooks and implementing React 18+ concurrent features.

WPF Styles & Resource Management

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

Frontend Design

Creates distinctive, production-grade frontend interfaces by applying professional design principles and ensuring architectural consistency across codebases.

AvaloniaUI Radial Gradient Fixer

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

XAML Property Element Syntax

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

WPF Converter Markup Extension

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

Algorithmic Art Creator

Generates sophisticated generative art by formulating unique computational philosophies and implementing them via interactive p5.js sketches.

WPF Icon Font Inheritance Resolver

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

High-Performance WPF Rendering

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

WPF View-ViewModel Auto-Mapper

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

Creative Algorithmic Design

Generates sophisticated algorithmic art and generative design systems using p5.js and computational philosophy.

HTML/CSS to WPF XAML Converter

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

WPF Custom Control Architect

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

Canvas Design & Visual Philosophy

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

Frontend Design

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