avalonia-stylist

Create Avalonia theme stylesheets and resource dictionaries for cross-platform apps.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/kongliuli/VibeSkills --skill avalonia-stylist
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: avalonia-stylist
Source: https://github.com/kongliuli/VibeSkills/tree/main/Skills/C%23/Avalonia/avalonia-stylist
Command: npx skills add https://github.com/kongliuli/VibeSkills --skill avalonia-stylist

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams design and enforce cohesive Avalonia UI themes and resource dictionaries, reducing visual drift and manual styling effort.

Core Features & Use Cases

  • Styles.axaml theme design: Create and manage cross-platform Avalonia themes for Windows, macOS, and Linux.
  • Resource dictionary management: Organize color and brush resources centrally and reuse across controls.
  • Platform-specific styling & style selectors: Implement platform-aware styles and advanced selectors to adapt UI per OS.
  • Use Case: When building a cross-platform Avalonia app, define a single theme and resource set and apply it consistently across modules.

Quick Start

Create a Styles.axaml with base control styles, set up a ResourceDictionary, reference it in App.axaml, and test UI consistency across platforms.

Frequently Asked Questions about avalonia-stylist

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

FAQPage Schema
How do I create consistent UI themes across Windows, macOS, and Linux in Avalonia?

You can create consistent Avalonia UI themes by defining a central Styles.axaml file with base control styles and resource dictionaries. This approach ensures visual consistency across cross-platform .NET applications by managing colors and brushes centrally.

What is the best way to organize color and brush resources in an Avalonia cross-platform app?

The best way to organize Avalonia resources is by using resource dictionaries. You can centrally manage color and brush resources within these dictionaries and reuse them across different controls to reduce manual styling effort and visual drift.

Can I apply platform-specific styling in Avalonia to adapt controls per OS?

Yes, you can implement platform-specific styling in Avalonia using advanced style selectors. This allows you to define platform-aware styles that automatically adapt your UI controls based on the target operating system.

How do I integrate custom styles and resource dictionaries into my Avalonia application?

To integrate custom styles, you create a Styles.axaml file with your base control styles and resource dictionaries, then reference it directly in your App.axaml file. This integrates the cohesive theme into your application globally.

Does Avalonia support advanced style selectors for complex UI theming requirements?

Yes, Avalonia supports advanced style selectors for complex UI theming. You can use these selectors alongside the property system to enforce cohesive themes and apply specific styling rules based on control states and types.

Why does my Avalonia UI look inconsistent across different modules?

Avalonia UI looks inconsistent when themes are not managed centrally. Defining a single theme and resource set in a Styles.axaml file and applying it globally prevents visual drift and ensures cohesive styling across all application modules.