fixing-avaloniaui-radialgradientbrush

Unify GradientOrigin and Center values when converting WPF RadialGradientBrush to AvaloniaUI.

40|5|Updated Dec 9, 2025

Search Tags:#conversion #wpf #center #avalonia #ui-migration #radialgradientbrush #gradientorigin

Ready to run

npx skills add https://github.com/christian289/dotnet-with-claudecode --skill fixing-avaloniaui-radialgradientbrush

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: fixing-avaloniaui-radialgradientbrush
Source: https://github.com/christian289/dotnet-with-claudecode/tree/main/.claude/skills/fixing-avaloniaui-radialgradientbrush
Command: npx skills add https://github.com/christian289/dotnet-with-claudecode --skill fixing-avaloniaui-radialgradientbrush

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

AvaloniaUI requires identical GradientOrigin and Center values for RadialGradientBrush. When converting from WPF, a mismatch can cause gradients to render incorrectly or not render at all.

Core Features & Use Cases

Detects RadialGradientBrush gradient origin and center mismatch during WPF to AvaloniaUI migrations.
Prompts the user to choose a unification strategy (use GradientOrigin or Center values) and outputs a consistent brush definition.
Provides conversion examples and notes on edge cases to prevent rendering issues.

Quick Start

Use this skill to convert a WPF RadialGradientBrush to AvaloniaUI by unifying the GradientOrigin and Center values.

Frequently Asked Questions about fixing-avaloniaui-radialgradientbrush

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

Why does my WPF RadialGradientBrush render incorrectly after migrating to AvaloniaUI?▼

AvaloniaUI requires identical GradientOrigin and Center values for RadialGradientBrush. A mismatch when converting from WPF causes gradients to render incorrectly or fail entirely, requiring you to unify these properties to produce a consistent brush definition.

How do I convert WPF RadialGradientBrush to AvaloniaUI without breaking the gradient?▼

To convert WPF RadialGradientBrush to AvaloniaUI, detect mismatched GradientOrigin and Center values, choose a unification strategy to use either the GradientOrigin or Center values, and output a consistent brush definition that resolves the rendering issue.

Does AvaloniaUI support different GradientOrigin and Center values for radial gradients?▼

No, AvaloniaUI does not support different GradientOrigin and Center values for radial gradients. You must unify these properties during WPF to AvaloniaUI migration by selecting one value source to ensure consistent rendering across the UI.

What is the best way to fix Avalonia radial gradients not showing up?▼

The best way to fix Avalonia radial gradients not showing is to verify GradientOrigin and Center value mismatches from the original WPF brush definition, then apply a unification strategy to ensure both values match for proper rendering.

What are the limitations of migrating RadialGradientBrush from WPF to Avalonia?▼

A key limitation when migrating RadialGradientBrush from WPF to Avalonia is the strict requirement for matching GradientOrigin and Center values. Edge cases where these differ require choosing a unification strategy, which may alter the original gradient appearance.