ReddRadar
Agent skill
avalonia-design-systems
Design polished Avalonia design systems with reusable tokens, typography, spacing, shell composition, dense workflow UX, motion, and governance rules. Use for professional UI direction, design-token architecture, responsive layout systems, information architecture, or high-quality desktop workflow design.
Install this agent skill to your Project
npx add-skill https://github.com/wieslawsoltes/development-plugin-for-avalonia/tree/main/skills/avalonia-design-systems
SKILL.md
Avalonia Design Systems
Start with:
../../references/66-professional-ui-design-tokens-and-themes.md../../references/professional-design/README.md
Load only the lane chapters that fit the task:
- token architecture and layering
- typography, iconography, and hierarchy
- color, elevation, and shell surfaces
- responsive layout, density, feedback, and forms
- motion, accessibility, inclusive design, and quality gates
Workflow
- Define tokens and resource layering before component styling proliferates.
- Establish shell structure, information architecture, and density rules early.
- Tie motion and feedback decisions to task flow, not decoration.
- Keep design language and governance rules explicit so later work stays consistent.
Rules
- Prefer reusable tokens over ad-hoc brush or spacing values.
- Treat accessibility, localization, and mixed-input ergonomics as first-class design constraints.
- Use this lane for professional product surfaces, not only visual polish.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
wieslawsoltes/development-plugin-for-avalonia
development-plugin-for-avalonia
Repo-local umbrella skill for building, reviewing, designing, porting, and migrating Avalonia applications with modern XAML/C# patterns on Avalonia 11.3.12. Use when working inside this repository and the request is broad Avalonia work; route quickly to the focused plugin skills for startup, bindings, styling, controls, layout, rendering, testing, design systems, or HTML/WinForms/WPF/WinUI/Avalonia 12 migration work.
wieslawsoltes/development-plugin-for-avalonia
avalonia-styling-and-resources
Build or troubleshoot Avalonia styles, themes, resources, property-system usage, theme variants, resource packaging, and custom theme architecture. Use for selector fixes, attached properties, resource lookup problems, theme switching, library resource packaging, or code-only theme work.
wieslawsoltes/development-plugin-for-avalonia
avalonia-testing-diagnostics-and-performance
Validate Avalonia applications with headless tests, render or UI tests, diagnostics tooling, troubleshooting workflows, and performance reviews. Use for test strategy, DevTools or profiler usage, performance regressions, rendering investigations, or production hardening passes.
wieslawsoltes/development-plugin-for-avalonia
avalonia-accessibility-and-validation
Design or review Avalonia validation, data-error presentation, accessibility semantics, automation properties, focus order, and testable UI metadata. Use for validation pipelines, screen-reader support, keyboard-only UX, automation-tree issues, or accessibility hardening.
wieslawsoltes/development-plugin-for-avalonia
winui-to-avalonia
Port WinUI or Windows App SDK applications to Avalonia, including shell design, dependency-property patterns, theme resources, composition, commands, dialogs, and platform integration. Use for `NavigationView`, `ContentDialog`, `ThemeResource`, `VisualStateManager`, `ItemsRepeater`, `AppWindow`, or broader WinUI-to-Avalonia migration work.
wieslawsoltes/development-plugin-for-avalonia
avalonia-platform-services
Integrate or troubleshoot Avalonia platform services such as storage provider, clipboard, launcher, drag/drop, screens, and top-level runtime helpers. Use for file pickers, external-open flows, clipboard or data-transfer bugs, multi-screen behavior, or platform service abstractions.
Didn't find tool you were looking for?