frontend-design

Apply WPF XAML styling and theming guidelines for .NET 10 applications.

2|Updated Jun 1, 2026
One-click install
npx skills add https://github.com/The1nk/ADB --skill frontend-design-the1nk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-design
Source: https://github.com/The1nk/ADB/tree/main/.claude/skills/frontend-design
Command: npx skills add https://github.com/The1nk/ADB --skill frontend-design-the1nk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill ensures consistency in the WPF XAML frontend design for the ADB desktop toolkit, applying themes and maintaining visual language across all UI components.

Core Features & Use Cases

  • WPF XAML Styling: Applies Light/Dark/HighContrast theming and visual consistency.
  • UI Component Theming: Ensures all controls adhere to the ADB visual language.
  • Use Case: When developing new UI components for BotBuilder or BotCapture, this Skill provides guidelines to maintain a professional and consistent look and feel.

Quick Start

Apply the frontend-design skill when modifying the UI of BotBuilder or BotCapture to ensure consistency with the established theme system.

Frequently Asked Questions about frontend-design

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

FAQPage Schema
How do I ensure visual consistency when styling WPF XAML UI components?

To ensure visual consistency in WPF XAML, apply centralized theming guidelines that enforce a unified visual language across all UI components. This approach standardizes control styles, maintaining a professional look throughout the .NET application.

What is the best way to apply Light and Dark theming in a .NET 10 WPF application?

The best way to apply Light, Dark, and HighContrast theming in a .NET 10 WPF application is by using established XAML styling guidelines. These guidelines define theme resources that automatically adapt UI controls to the selected visual mode.

Does this frontend design approach work for both BotBuilder and BotCapture UI development?

Yes, this frontend design approach works for both BotBuilder and BotCapture UI development. It provides specific styling guidelines to ensure that new UI components in either application adhere to the established ADB visual language.

When do I need to apply WPF XAML theming guidelines for the ADB desktop toolkit?

You need to apply WPF XAML theming guidelines when developing or modifying UI components for the ADB desktop toolkit. This ensures that all new visual additions maintain consistency with the established Light, Dark, and HighContrast theme system.

Can I use these styling guidelines to create custom controls that match the existing ADB visual language?

Yes, you can use these styling guidelines to create custom controls that match the existing ADB visual language. The guidelines provide the necessary XAML theming structure to ensure custom components blend seamlessly with the application's UI.

What limitations exist when applying HighContrast theming to WPF XAML UI components?

The metadata does not detail specific limitations for HighContrast theming in WPF XAML. However, the guidelines are designed to ensure that all UI controls properly support Light, Dark, and HighContrast modes without breaking the visual language.