avalonia-layout-zafiro by sickn33/antigravity-awesome-skills
npx skills add https://github.com/sickn33/antigravity-awesome-skills --skill avalonia-layout-zafiro掌握现代、简洁且可维护的 Avalonia UI 布局。专注于语义化容器、共享样式和最小化 XAML。
仅阅读与布局挑战相关的文件!
| 文件 | 描述 | 何时阅读 |
|---|---|---|
themes.md | 主题组织和共享样式 | 设置或优化应用主题时 |
containers.md | 语义化容器(HeaderedContainer、EdgePanel、Card) |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 构建视图和布局结构时 |
icons.md | 使用 IconExtension 和 IconOptions 处理图标 | 添加和自定义图标时 |
behaviors.md | Xaml.Interaction.Behaviors 与避免使用转换器 | 实现复杂交互时 |
components.md | 通用组件与避免嵌套 | 创建可复用的 UI 元素时 |
如需查看实际示例,请参考 Angor 项目:/mnt/fast/Repos/angor/src/Angor/Avalonia/Angor.Avalonia.sln
HeaderedContainer 而非手动添加标题的 Border)axaml 文件中使用共享样式。EdgePanel 或通用组件来扁平化布局。{Icon fa-name} 和 IconOptions 进行样式设置。Interaction.Behaviors 处理 UI 逻辑。请勿:
Grid 和 StackPanel。IValueConverter。请务必:
DynamicResource 处理颜色和画刷。Zafiro.Avalonia 的特定面板,如 EdgePanel,来实现常见的 UI 模式。此技能适用于执行概述中描述的工作流程或操作。
每周安装量
244
代码仓库
GitHub 星标数
27.4K
首次出现
2026年1月23日
安全审计
安装于
opencode201
claude-code198
gemini-cli197
antigravity179
cursor170
codex168
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
HeaderedContainer instead of Border with manual header)axaml files.EdgePanel or generic components.{Icon fa-name} and IconOptions for styling.Interaction.Behaviors for UI-logic.DON'T:
Grid and StackPanel.IValueConverter for simple logic that belongs in the ViewModel.DO:
DynamicResource for colors and brushes.Zafiro.Avalonia specific panels like EdgePanel for common UI patterns.This skill is applicable to execute the workflow or actions described in the overview.
Weekly Installs
244
Repository
GitHub Stars
27.4K
First Seen
Jan 23, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode201
claude-code198
gemini-cli197
antigravity179
cursor170
codex168
React 组合模式指南:Vercel 组件架构最佳实践,提升代码可维护性
106,200 周安装