Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Get Started Free →

wpf-xaml-style-generator · a5c-ai | DecimalAI

a5c-ai/wpf-xaml-style-generator

SkillScore91Maintained

Generate XAML styles, templates, and resource dictionaries with theme support for WPF applications

Frontendby a5c-ai

Links this skill to your agents and keeps it current with the author’s updates.

Automatic

Frontend / UI pack

1 · One-time — install the CLI (docs ↗)

pip install decimalai

2 · Get the skill — writes .claude/skills/a5c-ai-wpf-xaml-style-generator/SKILL.md

decimalai skills pull a5c-ai-wpf-xaml-style-generator --out .claude/skills/

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/a5c-ai-wpf-xaml-style-generator/SKILL.md https://app.decimal.ai/s/a5c-ai-wpf-xaml-style-generator/SKILL.md

Raw file: /s/a5c-ai-wpf-xaml-style-generator/SKILL.md ↗ · machine-readable summary at /s/a5c-ai-wpf-xaml-style-generator.json ↗

In productionGlobal

how this skill behaves on real traffic · last 30 days

No production data for this skill yet — usage numbers appear here once agents start running it.

Anonymized aggregate across every org using this skill — proof from real production use, not a demo.

Does this skill help? · Benchmark: with vs. withoutsign in to run this on your agents

23 test cases from the publisher’s eval.yaml · each run twice on gemini-3.6-flash — with the skill injected, then without · last run 58d ago

Yes — +39% lift · at higher cost+88% tokens0% turns91% of whole cases pass with skill (21/23)

Test case	Without → With	Effect	Δ tokens	Δ turns
case-01	✗→✓	▲ Improved	71%	0%
case-03	✗→✓	▲ Improved	58%	0%
case-04	✗→✓	▲ Improved	81%	0%
case-09	✗→✓	▲ Improved	167%	0%
case-12	✗→✓	▲ Improved	108%	0%

Showing 5 of 23 cases

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 7/31/2026

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

a5c-ai / babysitter

library/specializations/desktop-development/skills/wpf-xaml-style-generator/SKILL.md

View on GitHub ↗

License MITImported 7/31/2026Version v1

Skill contents

SKILL.md

wpf-xaml-style-generator

Generate XAML styles, control templates, and resource dictionaries with theme support for WPF applications. This skill creates consistent, maintainable UI styling following modern design principles.

Capabilities

Generate control styles and templates
Create resource dictionaries with theme support
Set up light/dark theme switching
Generate brush and color resources
Create custom control templates
Set up implicit vs explicit styles
Generate animation resources
Configure Fluent Design integration

Input Schema

json
{
  "type": "object",
  "properties": {
    "projectPath": {
      "type": "string",
      "description": "Path to the WPF project"
    },
    "designSystem": {
      "enum": ["fluent", "material", "custom"],
      "default": "fluent"
    },
    "themes": {
      "type": "array",
      "items": { "enum": ["light", "dark", "high-contrast"] },
      "default": ["light", "dark"]
    },
    "controls": {
      "type": "array",
      "items": {
        "enum": ["button", "textbox", "combobox", "listbox", "datagrid", "menu", "all"]
      },
      "default": ["all"]
    },
    "accentColors": {
      "type": "object",
      "properties": {
        "primary": { "type": "string" },
        "secondary": { "type": "string" }
      }
    },
    "includeAnimations": {
      "type": "boolean",
      "default": true
    }
  },
  "required": ["projectPath"]
}

Output Schema

json
{
  "type": "object",
  "properties": {
    "success": { "type": "boolean" },
    "files": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "path": { "type": "string" },
          "type": { "enum": ["colors", "brushes", "styles", "templates", "themes"] }
        }
      }
    },
    "mergedDictionaries": { "type": "array", "items": { "type": "string" } }
  },
  "required": ["success"]
}

Resource Dictionary Structure

Resources/
├── Themes/
│   ├── Colors.Light.xaml
│   ├── Colors.Dark.xaml
│   └── Colors.HighContrast.xaml
├── Brushes.xaml
├── Styles/
│   ├── ButtonStyles.xaml
│   ├── TextBoxStyles.xaml
│   ├── ComboBoxStyles.xaml
│   └── DataGridStyles.xaml
├── Templates/
│   └── ControlTemplates.xaml
└── Themes.xaml (merged dictionary)

Generated XAML Examples

Colors.Light.xaml

xml
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <!-- Background Colors -->
    <Color x:Key="BackgroundPrimary">#FFFFFF</Color>
    <Color x:Key="BackgroundSecondary">#F3F3F3</Color>
    <Color x:Key="BackgroundTertiary">#E5E5E5</Color>

    <!-- Foreground Colors -->
    <Color x:Key="ForegroundPrimary">#1A1A1A</Color>
    <Color x:Key="ForegroundSecondary">#666666</Color>
    <Color x:Key="ForegroundDisabled">#ABABAB</Color>

    <!-- Accent Colors -->
    <Color x:Key="AccentPrimary">#0078D4</Color>
    <Color x:Key="AccentSecondary">#005A9E</Color>
    <Color x:Key="AccentLight">#4BA0E8</Color>

    <!-- Border Colors -->
    <Color x:Key="BorderDefault">#D6D6D6</Color>
    <Color x:Key="BorderFocused">#0078D4</Color>
    <Color x:Key="BorderHover">#8A8A8A</Color>

    <!-- State Colors -->
    <Color x:Key="SuccessColor">#107C10</Color>
    <Color x:Key="WarningColor">#FF8C00</Color>
    <Color x:Key="ErrorColor">#D13438</Color>
    <Color x:Key="InfoColor">#0078D4</Color>

</ResourceDictionary>

Brushes.xaml

xml
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <!-- Dynamic Brushes (respond to theme changes) -->
    <SolidColorBrush x:Key="BackgroundPrimaryBrush"
                     Color="{DynamicResource BackgroundPrimary}"/>
    <SolidColorBrush x:Key="BackgroundSecondaryBrush"
                     Color="{DynamicResource BackgroundSecondary}"/>

    <SolidColorBrush x:Key="ForegroundPrimaryBrush"
                     Color="{DynamicResource ForegroundPrimary}"/>
    <SolidColorBrush x:Key="ForegroundSecondaryBrush"
                     Color="{DynamicResource ForegroundSecondary}"/>

    <SolidColorBrush x:Key="AccentBrush"
                     Color="{DynamicResource AccentPrimary}"/>
    <SolidColorBrush x:Key="AccentHoverBrush"
                     Color="{DynamicResource AccentSecondary}"/>

    <SolidColorBrush x:Key="BorderBrush"
                     Color="{DynamicResource BorderDefault}"/>
    <SolidColorBrush x:Key="BorderFocusBrush"
                     Color="{DynamicResource BorderFocused}"/>

    <!-- Gradient Brushes -->
    <LinearGradientBrush x:Key="AccentGradientBrush" StartPoint="0,0" EndPoint="0,1">
        <GradientStop Color="{DynamicResource AccentLight}" Offset="0"/>
        <GradientStop Color="{DynamicResource AccentPrimary}" Offset="1"/>
    </LinearGradientBrush>

</ResourceDictionary>

ButtonStyles.xaml

xml
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <!-- Base Button Style -->
    <Style x:Key="BaseButtonStyle" TargetType="Button">
        <Setter Property="Background" Value="{DynamicResource BackgroundSecondaryBrush}"/>
        <Setter Property="Foreground" Value="{DynamicResource ForegroundPrimaryBrush}"/>
        <Setter Property="BorderBrush" Value="{DynamicResource BorderBrush}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Padding" Value="16,8"/>
        <Setter Property="MinHeight" Value="32"/>
        <Setter Property="FontSize" Value="14"/>
        <Setter Property="Cursor" Value="Hand"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border x:Name="border"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            CornerRadius="4"
                            SnapsToDevicePixels="True">
                        <ContentPresenter x:Name="contentPresenter"
                                          Focusable="False"
                                          HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                          VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                          Margin="{TemplateBinding Padding}"
                                          RecognizesAccessKey="True"/>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="border" Property="Background"
                                    Value="{DynamicResource BackgroundTertiaryBrush}"/>
                            <Setter TargetName="border" Property="BorderBrush"
                                    Value="{DynamicResource BorderHoverBrush}"/>
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter TargetName="border" Property="Background"
                                    Value="{DynamicResource AccentBrush}"/>
                            <Setter Property="Foreground"
                                    Value="White"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Opacity" Value="0.5"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- Primary Button Style -->
    <Style x:Key="PrimaryButtonStyle" TargetType="Button" BasedOn="{StaticResource BaseButtonStyle}">
        <Setter Property="Background" Value="{DynamicResource AccentBrush}"/>
        <Setter Property="Foreground" Value="White"/>
        <Setter Property="BorderBrush" Value="Transparent"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border x:Name="border"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            CornerRadius="4"
                            SnapsToDevicePixels="True">
                        <ContentPresenter HorizontalAlignment="Center"
                                          VerticalAlignment="Center"
                                          Margin="{TemplateBinding Padding}"/>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="border" Property="Background"
                                    Value="{DynamicResource AccentHoverBrush}"/>
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter TargetName="border" Property="Background"
                                    Value="{DynamicResource AccentSecondary}"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Opacity" Value="0.5"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- Implicit style for all buttons -->
    <Style TargetType="Button" BasedOn="{StaticResource BaseButtonStyle}"/>

</ResourceDictionary>

Theme Manager

csharp
public class ThemeManager
{
    private const string ThemesPath = "pack://application:,,,/Resources/Themes/";

    public static void SetTheme(string themeName)
    {
        var app = Application.Current;
        var dictionaries = app.Resources.MergedDictionaries;

        // Remove existing theme
        var existingTheme = dictionaries.FirstOrDefault(d =>
            d.Source?.OriginalString.Contains("Colors.") ?? false);

        if (existingTheme != null)
        {
            dictionaries.Remove(existingTheme);
        }

        // Add new theme
        var themeUri = new Uri($"{ThemesPath}Colors.{themeName}.xaml");
        dictionaries.Insert(0, new ResourceDictionary { Source = themeUri });
    }

    public static string CurrentTheme { get; private set; } = "Light";

    public static void ToggleTheme()
    {
        CurrentTheme = CurrentTheme == "Light" ? "Dark" : "Light";
        SetTheme(CurrentTheme);
    }
}

App.xaml

xml
<Application x:Class="MyApp.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <!-- Theme colors (first so brushes can reference them) -->
                <ResourceDictionary Source="Resources/Themes/Colors.Light.xaml"/>

                <!-- Brushes -->
                <ResourceDictionary Source="Resources/Brushes.xaml"/>

                <!-- Control Styles -->
                <ResourceDictionary Source="Resources/Styles/ButtonStyles.xaml"/>
                <ResourceDictionary Source="Resources/Styles/TextBoxStyles.xaml"/>
                <ResourceDictionary Source="Resources/Styles/ComboBoxStyles.xaml"/>
                <ResourceDictionary Source="Resources/Styles/DataGridStyles.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

Best Practices

Use DynamicResource: For theme-switchable resources
Organize by function: Colors, brushes, styles separately
Follow naming conventions: Consistent resource key names
Provide base styles: Allow easy customization
Test all themes: Verify contrast and accessibility
Document resources: Comment complex templates

Related Skills

wpf-mvvm-scaffold - Application architecture
wpf-high-dpi-analyzer - DPI scaling
desktop-ui-implementation process - UI workflow

Related Agents

wpf-dotnet-expert - WPF expertise
platform-convention-advisor - Design guidelines

Illustrative Want to see what a5c-ai/wpf-xaml-style-generator would put in front of your model? Preview the rendered body and check its trigger phrases — no LLM call, no signup.

Latest benchmark · publisher runVerified

8/1/2026, 03:16 UTC · 23 cases

Lift

+39%

91% vs 52%

Agent turns

0%

1.0 vs 1.0

Tokens

+88%

4,847.91 vs 2,574.57

fail → pass · 9pass → pass · 12fail → fail · 2

Per-case results (23)

Case	Status	Duration (ms)			Turns			Tokens			Tool calls
Case	Status	Without	With	Δ	Without	With	Δ	Without	With	Δ	Without	With	Δ
case-01 We are building a WPF client at 'C:\Source\FinanceApp\FinanceApp.csproj' and need to set up XAML styling. Please generate styles and theme resources for button, textbox, and listbox controls using a Fluent design system with light and dark themes and primary accent #0E639C. Return the JSON object containing a boolean success status, the list of created files with their path and resource type (such as colors, brushes, or styles), and the mergedDictionaries array.	fail→pass	24,405	18,398	-25%	1	1	0%	4,581	7,838	+71%	0	0	—
case-02 I need a complete set of XAML resources created for our WPF project at '/home/user/projects/DashboardApp'. Apply material design principles with light, dark, and high-contrast theme support across all controls, and include animation resources. Output the result formatted as JSON showing whether it succeeded, an array of files with path and type attributes, and the merged dictionary strings.	fail→fail	23,917	30,430	+27%	1	1	0%	6,217	9,174	+48%	0	0	—
case-03 Please generate XAML resource dictionaries for a WPF application located at 'D:\Apps\InventorySystem'. We want a custom design theme with primary accent color #2B579A and secondary #1E395B, covering combobox and datagrid controls without adding animations. Format your response as a JSON payload detailing the success boolean, an array of generated files (including path and type), and the mergedDictionaries list.	fail→pass	21,226	22,919	+8%	1	1	0%	5,567	8,784	+58%	0	0	—
case-04 Format a JSON response for a WPF XAML style generator tool targeting project 'C:\Projects\SalesApp'. Output the result describing created resource files for colors, brushes, and styles.	fail→pass	8,533	5,033	-41%	1	1	0%	2,109	3,808	+81%	0	0	—
case-05 In a WPF application App.xaml file, in what specific sequence should color resources, dynamic brushes, and control styles be included in ResourceDictionary.MergedDictionaries?	pass→pass	9,440	6,094	-35%	1	1	0%	1,696	4,117	+143%	0	0	—
case-06 When constructing a dynamic theme-switching palette in WPF XAML, why must SolidColorBrush definitions use DynamicResource instead of StaticResource when referencing color keys?	pass→pass	12,234	10,360	-15%	1	1	0%	2,221	4,691	+111%	0	0	—
case-07 Write a WPF XAML snippet defining a base style key BaseButtonStyle for standard WPF buttons, along with a secondary style PrimaryButtonStyle that inherits from it.	pass→pass	6,464	7,180	+11%	1	1	0%	1,431	4,738	+231%	0	0	—
case-08 How do you declare an implicit WPF Button style in XAML so that all standard Button instances in scope adopt the base style without specifying a style key?	pass→pass	7,442	6,189	-17%	1	1	0%	1,476	4,167	+182%	0	0	—
case-09 Write a XAML LinearGradientBrush entry key AccentGradientBrush in a WPF resource dictionary that smoothly transitions vertically between dynamic accent colors.	fail→pass	7,996	5,434	-32%	1	1	0%	1,477	3,950	+167%	0	0	—
case-10 In a WPF ControlTemplate targeting Button, how are hover and pressed visual feedback state triggers structured for a child Border element named border?	pass→pass	8,628	7,351	-15%	1	1	0%	1,734	4,457	+157%	0	0	—
case-11 How does a dynamic WPF theme switcher class update Application.Current.Resources.MergedDictionaries when replacing the active light or dark theme dictionary?	fail→fail	11,975	13,443	+12%	1	1	0%	2,391	5,607	+135%	0	0	—
case-12 How is a ToggleTheme helper method implemented in a WPF ThemeManager class to switch back and forth between light and dark modes?	fail→pass	11,493	9,783	-15%	1	1	0%	2,434	5,073	+108%	0	0	—
case-13 What are the schema default values for designSystem, themes, and includeAnimations in the WPF XAML style generator tool schema?	pass→pass	6,771	2,285	-66%	1	1	0%	1,260	3,393	+169%	0	0	—
case-14 What are the allowed enum values for the controls array field when configuring generated WPF control styles in the input schema?	pass→pass	8,804	2,086	-76%	1	1	0%	1,666	3,222	+93%	0	0	—
case-15 In Colors.Light.xaml, what specific resource key names are assigned to background primary, foreground primary, and primary accent colors?	fail→pass	12,732	2,032	-84%	1	1	0%	2,276	3,274	+44%	0	0	—
case-16 What property setters distinguish PrimaryButtonStyle from BaseButtonStyle in WPF XAML resource dictionaries?	fail→pass	10,633	4,246	-60%	1	1	0%	1,964	3,754	+91%	0	0	—
case-17 Under what relative directory path and file name structure should high-contrast theme color resources be saved in a WPF project?	fail→pass	9,843	3,350	-66%	1	1	0%	1,916	3,443	+80%	0	0	—
case-18 Describe the standard folder layout for organizing XAML resources in a WPF project separating themes, brushes, styles, and templates.	pass→pass	13,864	9,084	-34%	1	1	0%	2,619	4,889	+87%	0	0	—
case-19 In a WPF Button control template, how should the inner ContentPresenter be configured to handle keyboard mnemonics and content margins?	pass→pass	10,296	5,672	-45%	1	1	0%	2,032	4,097	+102%	0	0	—
case-20 In Brushes.xaml, what dynamic brush resource key names are defined for standard border and focused border colors?	fail→pass	14,199	1,862	-87%	1	1	0%	2,402	3,220	+34%	0	0	—
case-21 I am building a WPF application MVVM architecture. Write the C# ViewModel code for a UserRegistrationViewModel with INotifyPropertyChanged, ObservableCollection<User>, and RelayCommand implementations for Save and Cancel actions.	pass→pass	12,897	9,597	-26%	1	1	0%	3,015	5,167	+71%	0	0	—
case-22 How do I configure app.manifest and App.xaml in a WPF .NET 8 application to enable PerMonitorV2 High DPI awareness?	pass→pass	13,434	10,711	-20%	1	1	0%	2,773	5,085	+83%	0	0	—
case-23 How do I migrate a legacy WinForms control container to host a modern WinUI 3 XAML Control using Microsoft.Toolkit.Forms.UI.XamlHost?	pass→pass	19,700	13,265	-33%	1	1	0%	3,958	5,554	+40%	0	0	—

These cases were also screened by the skill’s intent / safety pass.See the Trust review ↗Reproduce this benchmark in Colab ↗

How this skill was measured

DecimalAI ran this skill against gemini-3.6-flash twice over the same eval suite — once with the skill loaded and once without — and compared the two runs case by case. 23 cases were attempted. The headline lift of +39 percentage points is the difference between those two pass rates over the 23 comparable cases.

Model measured: gemini-3.6-flash
Graded by: gemini-3.6-flash
Grading method: judged
Verification: verified
Pass rate without the skill: 52.2%
Pass rate with the skill: 91.3%
Cases attempted: 23
Cases counted toward lift: 23
Cases that regressed: 0
Skill version measured: v1
Run completed: 8/1/2026, 03:16 UTC

Measured example — same prompt, with vs. without the skill · from the benchmark run · case case-01

Prompt

We are building a WPF client at 'C:\Source\FinanceApp\FinanceApp.csproj' and need to set up XAML styling. Please generate styles and theme resources for button, textbox, and listbox controls using a Fluent design system with light and dark themes and primary accent #0E639C. Return the JSON object containing a boolean success status, the list of created files with their path and resource type (such as colors, brushes, or styles), and the mergedDictionaries array.

Without the skill loaded, the model failed this case. With it loaded, the same prompt on the same model passed. This is one improved case from the latest verified run; every case, including any that regressed, is in the table above.

Show both answers

SkillScore blends 4 signals1 of 4 complete

BenchmarkPass rate WITH skill on a verified run91

Live evalNeeds ≥10 evaluated traces in 30 days

AI ratingNeeds ≥10 rated traces

AdoptionNeeds ≥10 serves across ≥2 orgs in 30 days

Efficiency · separate axis (at equal correctness)+0% turns+107% tokens

Shown for transparency; not credited unless a verified run shows no correctness regression.

Backed by 1 of 4 signals — each added signal makes the score more robust.

Verified on gemini-3.6-flash · re-tested 57 days ago

Other measured skills in the registry, with their headline benchmark lift.