avalonia-layout-zafiro
Guidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles, generic components, and avoiding XAML redundancy.
Target: Design & content creation. Automatically collected · unverified.
Excerpt from the author’s documentation
Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.
Read the original English text
Topics in the source
- Avalonia Layout with Zafiro.Avalonia
- 🎯 Selective Reading Rule
- 📑 Content Map
- 🔗 Related Project (Exemplary Implementation)
- ✅ Checklist for Clean Layouts
- ❌ Anti-Patterns
Master modern, clean, and maintainable Avalonia UI layouts. Focus on semantic containers, shared styles, and minimal XAML. Read ONLY files relevant to the layout challenge! -- | File | Description | When to Read | |------|-------------|--------------| | 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 | -- For a real-world example, refer to the Angor project: /mnt/fast/Repos/angor/src/Angor/Avalonia/Angor.Avalonia.sln -- [ ] Used semantic containers? (e.g., HeaderedContainer instead of Border with manual header) [ ] Avoided redundant properties? Use shared styles in axaml files. [ ] Minimized nesting? Flatten layouts using EdgePanel or generic components. [ ] Icons via extension? Use {Icon fa-name} and IconOptions for styling. [ ] Behaviors over code-behi
This is an excerpt. Refer to the complete source and its current requirements.
- Source repository
- davila7/claude-code-templates
- Source file
- cli-tool/components/skills/development/avalonia-layout-zafiro/SKILL.md
- Fixed revision
- 21be197f100a12b8d0dd9a211cc244c8179f84d3
Requirements
- Only the author’s Skill metadata is included. Read the full instructions to check dependencies, licensing and conditions of use.
A small first task
先阅读原作者说明,再决定是否在自己的 AI 工具中使用。
Instructions for your AI tool
- Claude Desktop: resource-specific guide not available yet
- Claude Code: resource-specific guide not available yet
- Cursor: resource-specific guide not available yet
- Codex: resource-specific guide not available yet
Author documentation is not live verification by this site. Without evidence, we do not mark a resource as compatible, safe or free.
Sources and evidence
This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.
Author: davila7/claude-code-templates · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-09T14:01:44.071Z.
Categories are inferred from names, descriptions and paths. They do not establish compatibility.
License and attribution
MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.
Original license ↗Synchronization, copying and user-reported success do not mark a resource as runtime-tested.
Limitations and notes
- Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.