xaml-design

Generate WPF XAML styles, DataTemplates, ResourceDictionaries, and IValueConverters.

2|1|Updated Mar 22, 2026
One-click install
npx skills add https://github.com/solitasroh/mcukit --skill xaml-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: xaml-design
Source: https://github.com/solitasroh/mcukit/tree/main/skills/xaml-design
Command: npx skills add https://github.com/solitasroh/mcukit --skill xaml-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

XAML Design Guide helps teams achieve consistent UI across WPF apps by standardizing styles, data templates, and converters.

Core Features & Use Cases

  • Style Definition: Create reusable Window.Resources styles for consistent visuals.
  • DataTemplate: Define templates for data types to simplify UI composition.
  • ResourceDictionary: Centralize shared resources and merged dictionaries for maintainability.
  • IValueConverter: Provide conversion logic like BoolToVisibility for view-model bindings.

Quick Start

Apply the XAML design guide to create a cohesive WPF view using a shared ResourceDictionary and a sample DataTemplate.

Frequently Asked Questions about xaml-design

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

FAQPage Schema
How do I create reusable WPF styles for consistent UI design?

Reusable WPF styles are created by defining Style elements within Window.Resources or a shared ResourceDictionary to standardize visual properties across UI components. This ensures consistent visuals throughout the application.

What's the best way to centralize shared WPF UI resources?

The best way to centralize shared WPF UI resources is by using a ResourceDictionary with merged dictionaries. This approach centralizes styles and templates for better maintainability across your project.

How do I simplify WPF UI composition for custom data types?

You simplify WPF UI composition by defining a DataTemplate for your specific data types. This allows the system to automatically apply the correct visual representation when binding view-model data.

How do I implement a BoolToVisibility converter for WPF bindings?

You implement a BoolToVisibility converter by creating an IValueConverter class that translates boolean values into Visibility states for view-model bindings, ensuring UI elements display correctly based on data logic.

Does this XAML design approach work with existing WPF ResourceDictionaries?

Yes, this XAML design approach works with existing WPF ResourceDictionaries by applying standardized patterns for styles, data templating, and converters to achieve a cohesive UI across components.

When do I need an IValueConverter in a WPF application?

You need an IValueConverter in a WPF application when binding properties require transformation between different types, such as converting a boolean value to a Visibility state for UI element display.