🎯

fixing-avaloniaui-radialgradientbrush

🎯Skill

from christian289/dotnet-with-claudecode

What it does

Resolves AvaloniaUI RadialGradientBrush compatibility by ensuring GradientOrigin and Center values are identical during WPF to AvaloniaUI conversion.

fixing-avaloniaui-radialgradientbrush

Installation

Install skill:

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

AddedJan 25, 2026

View on GitHub Back to Skills

Skill Details

SKILL.md

Fixes RadialGradientBrush compatibility issues in AvaloniaUI due to Issue #19888 where GradientOrigin and Center must be identical. Use when converting WPF RadialGradientBrush to AvaloniaUI, resolving gradient rendering issues, or GradientOrigin/Center value mismatch problems.

Overview

# AvaloniaUI RadialGradientBrush 호환성 수정

문제 배경

AvaloniaUI에서 RadialGradientBrush는 WPF와 달리 GradientOrigin과 Center 값이 다르면 정상 동작하지 않음.

관련 이슈: [AvaloniaUI/Avalonia#19888](https://github.com/AvaloniaUI/Avalonia/issues/19888)

RadialGradientBrush doesn't work when the GradientOrigin is different than the Center and the first Stop is Transparent

변환 절차

1. RadialGradientBrush 감지

WPF XAML에서 요소를 찾고 GradientOrigin과 Center 속성값을 비교.

2. 불일치 시 사용자에게 선택 요청

GradientOrigin ≠ Center인 경우 반드시 사용자에게 다음 선택지를 제시:

```

RadialGradientBrush의 GradientOrigin과 Center 값이 다릅니다.

GradientOrigin: {현재값}
Center: {현재값}

AvaloniaUI에서는 두 값이 동일해야 정상 동작합니다.

어느 쪽 값으로 통일하시겠습니까?

GradientOrigin 값으로 통일 → 결과: GradientOrigin="{GO값}" Center="{GO값}"
Center 값으로 통일 → 결과: GradientOrigin="{C값}" Center="{C값}"

```

3. 변환 예시

WPF 원본:

```xml

```

AvaloniaUI 변환 (GradientOrigin 선택 시):

```xml

```

AvaloniaUI 변환 (Center 선택 시):

```xml

```

주의사항

사용자가 선택하기 전까지 임의로 값을 변경하지 말 것
GradientOrigin 또는 Center 중 하나만 명시된 경우, 명시되지 않은 속성은 명시된 값으로 자동 설정
GradientOrigin과 Center가 이미 동일한 경우 수정 불필요

```

More from this repository7

🏪

christian289-dotnet-with-claudecode🏪Marketplace

.NET development plugins for Claude Code - WPF, AvaloniaUI, and more

🔌

wpf-dev-pack🔌Plugin

Enhances WPF development by providing a comprehensive Claude Code extension with 57 skills, 11 specialized agents, and 5 commands for MVVM patterns, custom control design, and performance optimizat...

🎯

converting-html-css-to-wpf-xaml🎯Skill

converting-html-css-to-wpf-xaml skill from christian289/dotnet-with-claudecode

🎯

structuring-avalonia-projects🎯Skill

Structures AvaloniaUI solutions with clear project naming conventions, layer separation, and dependency management for scalable .NET applications.

🎯

designing-avalonia-customcontrol-architecture🎯Skill

Guides developers in designing robust, modular, and reusable custom control architectures for AvaloniaUI applications with best practices and architectural patterns.

🎯

using-avalonia-collectionview🎯Skill

Enables advanced collection management in AvaloniaUI by providing filtering, sorting, and grouping capabilities using DataGridCollectionView and ReactiveUI.

🎯

configuring-avalonia-dependency-injection🎯Skill

Configures dependency injection and GenericHost setup for AvaloniaUI applications, enabling service registration and IoC patterns.