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.

Stars 57

Forks 6

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.