avalonia-pro-max/components

Automate Avalonia UI screen construction from reusable XAML component recipes.

27|2|Updated Apr 23, 2026
One-click install
npx skills add https://github.com/linuxdevel/Avalonia-skills --skill avalonia-pro-max-components
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: avalonia-pro-max/components
Source: https://github.com/linuxdevel/Avalonia-skills/tree/main/skills/avalonia/avalonia-pro-max/components
Command: npx skills add https://github.com/linuxdevel/Avalonia-skills --skill avalonia-pro-max-components

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Production-ready Avalonia UI is hard; these recipes provide ready-to-use patterns to accelerate development while ensuring design-system consistency.

Core Features & Use Cases

  • Copy-paste XAML recipes for cards, buttons, dialogs, sidebars, and forms.
  • Enforces semantic tokens from avalonia-pro-max/design-system for consistent visuals.

Quick Start

Copy a component recipe and paste the XAML into your Avalonia project to start building production-ready screens.

Frequently Asked Questions about avalonia-pro-max/components

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

FAQPage Schema
How do I build production-ready Avalonia UI screens for dashboards and forms?

You build production-ready Avalonia UI screens by copying reusable component recipes for dashboards, forms, dialogs, and navigation layouts directly into your XAML projects. These recipes ensure consistent visuals by enforcing semantic tokens from the design system.

What is the best way to ensure design-system consistency in Avalonia XAML?

Ensuring design-system consistency in Avalonia XAML requires applying standardized component recipes that reference semantic design tokens. These recipes provide ready-to-use patterns for UI elements like cards and dialogs, accelerating development while maintaining visual uniformity.

Can I use these Avalonia component recipes without setting up design tokens?

You cannot use these recipes effectively without design tokens, because they require access to the avalonia-pro-max design tokens. The standardized XAML recipes depend on these tokens to enforce consistent visuals across your production-ready Avalonia applications.

How do I add a sidebar or dialog to my Avalonia app using XAML?

To add a sidebar or dialog to your Avalonia app, copy the corresponding XAML recipe for that component and paste it into your project. This provides ready-to-use patterns for navigation layouts and dialogs that align with your design system.

Why use standardized XAML recipes instead of building Avalonia components from scratch?

Standardized XAML recipes accelerate development by providing copy-paste patterns for production-ready components, solving the difficulty of building Avalonia UI from scratch. They enforce semantic design tokens to ensure visual consistency across your application.

Does this approach work for both forms and navigation layouts in Avalonia apps?

Yes, this approach works for forms and navigation layouts in Avalonia apps, providing standardized XAML recipes for both. It also applies to dashboards and dialogs, ensuring production-ready screens with consistent visuals across various UI patterns.