avalonia-layout-zafiro
✓Guidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles, generic components, and avoiding XAML redundancy.
Installation
SKILL.md
Master modern, clean, and maintainable Avalonia UI layouts. Focus on semantic containers, shared styles, and minimal XAML.
| themes.md | Theme organization and shared styles | Setting up or refining app themes | | containers.md | Semantic containers (HeaderedContainer, EdgePanel, Card) | Structuring views and layouts | | icons.md | Icon usage with IconExtension and IconOptions | Adding and customizing icons |
| behaviors.md | Xaml.Interaction.Behaviors and avoiding Converters | Implementing complex interactions | | components.md | Generic components and avoiding nesting | Creating reusable UI elements |
Guidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles, generic components, and avoiding XAML redundancy. Source: xfstudio/skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/xfstudio/skills --skill avalonia-layout-zafiro- Source
- xfstudio/skills
- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is avalonia-layout-zafiro?
Guidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles, generic components, and avoiding XAML redundancy. Source: xfstudio/skills.
How do I install avalonia-layout-zafiro?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/xfstudio/skills --skill avalonia-layout-zafiro Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/xfstudio/skills
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01