avalonia-layout-zafiro

Guidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles, generic components, and avoiding XAML redundancy.

1.22x

Quality

41%

Does it follow best practices?

Impact

86%

1.22x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./skills/antigravity-avalonia-layout-zafiro/SKILL.md

Evaluation results

83%

Avalonia Theme Structure for a Finance App

Theme file organization and DynamicResource

Criteria

Without context

With context

Colors file exists

100%

DynamicResource for brushes

91%

No hardcoded color literals in views

80%

100%

Grouped style files

100%

Theme.axaml aggregator

87%

100%

MergedDictionaries usage

100%

Icons.axaml resource file

Icons in MergedDictionaries

Classes over inline properties

100%

No repeated inline properties

100%

92%

25%

User Profile and Settings View for a Desktop App

Semantic containers and icon usage

Criteria

Without context

With context

HeaderedContainer used

100%

No Border-as-header

100%

EdgePanel for aligned rows

100%

Card container used

Icon markup extension

100%

IconOptions for icon styling

100%

No deeply nested Grid/StackPanel

100%

Classes for styling variants

100%

DynamicResource for colors

62%

100%

EdgePanel over Grid for label-value

100%

84%

19%

Transaction Dashboard with Interactive Filters

Behaviors over converters and shared styles

Criteria

Without context

With context

Interaction.Behaviors used

58%

No code-behind event handlers

100%

No IValueConverter for simple logic

100%

ViewModel exposes display-ready properties

100%

Classes-based styling

100%

No inline repeated properties

30%

80%

DynamicResource for colors

25%

Generic component or EdgePanel for row pattern

30%

100%

No deep nesting

87%

62%

Converter only for purely visual reusable case

100%

Repository: boisenoise/skills-collections
Commit: f1697b6

Evaluated: about 1 month ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Avalonia Theme Structure for a Finance App User Profile and Settings View for a Desktop App Transaction Dashboard with Interactive Filters

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.