Does this skill modify my XAML files automatically?

The skill identifies the mismatch and asks for your preference (preserving either the Origin or Center value) before applying the fix to your code.

Why do I need to fix RadialGradientBrush in AvaloniaUI?

AvaloniaUI currently has a limitation where the RadialGradientBrush does not render correctly if the GradientOrigin and Center values differ, leading to broken UI visuals.

What happens if I only have one of the properties defined?

The skill will automatically set the missing property to match the defined one, as AvaloniaUI requires both to be identical for stable rendering.

Is this useful for WPF development?

While WPF supports different Origin and Center values, this skill is specifically designed for AvaloniaUI compatibility and migration scenarios.

AvaloniaUI Radial Gradient Fixer

Name: AvaloniaUI Radial Gradient Fixer
Author: christian289

bychristian289

•

Design Tools

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

About

This skill addresses a known rendering limitation in AvaloniaUI (Issue #19888) where RadialGradientBrush fails to display correctly if the GradientOrigin and Center values are not identical. It is particularly useful for developers migrating XAML from WPF to AvaloniaUI, as it detects property mismatches and provides an interactive prompt to select the preferred focal point, ensuring consistent and predictable visual output across cross-platform .NET applications.

Key Features

Automatically populates missing properties based on existing values
6 GitHub stars
Streamlines WPF to AvaloniaUI UI styling migrations
Automates the synchronization of GradientOrigin and Center values
Detects incompatible RadialGradientBrush property mismatches in XAML files
Provides interactive prompts to choose which value to preserve

Use Cases

Fixing invisible or distorted radial gradients in AvaloniaUI layouts
Porting legacy WPF applications to AvaloniaUI with complex UI gradients
Standardizing XAML gradient code during .NET cross-platform development

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add christian289/dotnet-with-claudecode fixing-avaloniaui-radialgradientbrush

For use in Claude.ai and ChatGPT

Download Skill

GitHub