ava-extract-styles

Extract inline styles from Avalonia AXAML files into reusable resource dictionaries.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/zsxawerdu/gitexplorer --skill ava-extract-styles
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ava-extract-styles
Source: https://github.com/zsxawerdu/gitexplorer/tree/main/.claude/skills/ava-extract-styles
Command: npx skills add https://github.com/zsxawerdu/gitexplorer --skill ava-extract-styles

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the process of extracting scattered inline styles within Avalonia AXAML files into organized, reusable resource dictionary files, leading to cleaner, more maintainable code.

Core Features & Use Cases

  • Style Extraction: Identifies and extracts colors, repeated styles, spacing, and gradients from AXAML files.
  • Resource Generation: Creates structured resource dictionary files (e.g., Colors.axaml, Styles.axaml).
  • Code Refactoring: Provides updated AXAML with references to the newly created style resources.
  • Use Case: You have a large Avalonia project with many AXAML files containing duplicated inline styles for buttons and colors. This Skill can consolidate them into a central Styles/ directory, making your UI consistent and easier to update.

Quick Start

Use the ava-extract-styles skill to extract all inline styles from the file 'Views/MainWindow.axaml'.

Frequently Asked Questions about ava-extract-styles

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

FAQPage Schema
How do I extract inline styles from Avalonia AXAML files into resource dictionaries?

To extract inline styles from Avalonia AXAML files, you can analyze your markup for colors, spacing, and repeated patterns to generate structured resource dictionary files like Colors.axaml and Styles.axaml. This process refactors original AXAML files to use static resource references, improving maintainability.

What is the best way to refactor duplicated UI styling in Avalonia projects?

Refactoring duplicated UI styling in Avalonia involves consolidating inline AXAML styles into centralized resource dictionary files. By moving repeated colors and gradients into structured files, your project achieves consistent UI design and easier style updates across all views.

Can I organize scattered colors and gradients in AXAML without manual coding?

Yes, you can organize scattered colors and gradients in AXAML without manual coding by using automated extraction. The process identifies repeated style patterns and generates structured resource dictionaries, then provides updated AXAML code utilizing static resource references.

Does refactoring Avalonia XAML to use static resources improve maintainability?

Refactoring Avalonia XAML to use static resources significantly improves maintainability by centralizing styling logic. Extracting inline styles into resource dictionaries ensures consistent UI components and allows developers to update visual themes from a single location.

What types of styling patterns can be extracted from AXAML files?

The styling patterns that can be extracted from AXAML files include colors, repeated style patterns, spacing values, and gradients. These elements are parsed and organized into dedicated resource dictionary files for better UI consistency.

When do I need to create resource dictionaries for Avalonia UI development?

You need to create resource dictionaries for Avalonia UI development when your project contains large AXAML files with duplicated inline styles. Consolidating these styles into a central directory makes your UI consistent and easier to maintain during updates.