Skill · em Construir backend e dados

avalonia-layout-zafiro

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

Procedência

Antes de instalar

6 arquivos · 10,2 KB · só texto, nenhum script

Instalar na sua CLI

O comando baixa a versão fixada (commit 57f899e) direto da origem, para a pasta que a CLI lê. Precisa de curl (macOS e Linux); no Windows não há comando, porque o Rook Labs é para macOS.

Claude Code

Neste projeto: instala em .claude/skills/avalonia-layout-zafiro/.

d=".claude/skills/avalonia-layout-zafiro"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/development/avalonia-layout-zafiro"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/behaviors.md" "$u/behaviors.md" \
  -o "$d/components.md" "$u/components.md" \
  -o "$d/containers.md" "$u/containers.md" \
  -o "$d/icons.md" "$u/icons.md" \
  -o "$d/themes.md" "$u/themes.md" \
  -o "$d/LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Global: instala em ~/.claude/skills/avalonia-layout-zafiro/.

d="$HOME/.claude/skills/avalonia-layout-zafiro"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/development/avalonia-layout-zafiro"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/behaviors.md" "$u/behaviors.md" \
  -o "$d/components.md" "$u/components.md" \
  -o "$d/containers.md" "$u/containers.md" \
  -o "$d/icons.md" "$u/icons.md" \
  -o "$d/themes.md" "$u/themes.md" \
  -o "$d/LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Codex

Neste projeto: instala em .agents/skills/avalonia-layout-zafiro/.

d=".agents/skills/avalonia-layout-zafiro"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/development/avalonia-layout-zafiro"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/behaviors.md" "$u/behaviors.md" \
  -o "$d/components.md" "$u/components.md" \
  -o "$d/containers.md" "$u/containers.md" \
  -o "$d/icons.md" "$u/icons.md" \
  -o "$d/themes.md" "$u/themes.md" \
  -o "$d/LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Global: instala em ~/.agents/skills/avalonia-layout-zafiro/.

d="$HOME/.agents/skills/avalonia-layout-zafiro"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/development/avalonia-layout-zafiro"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/behaviors.md" "$u/behaviors.md" \
  -o "$d/components.md" "$u/components.md" \
  -o "$d/containers.md" "$u/containers.md" \
  -o "$d/icons.md" "$u/icons.md" \
  -o "$d/themes.md" "$u/themes.md" \
  -o "$d/LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Antigravity

Neste projeto: instala em .agents/skills/avalonia-layout-zafiro/.

d=".agents/skills/avalonia-layout-zafiro"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/development/avalonia-layout-zafiro"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/behaviors.md" "$u/behaviors.md" \
  -o "$d/components.md" "$u/components.md" \
  -o "$d/containers.md" "$u/containers.md" \
  -o "$d/icons.md" "$u/icons.md" \
  -o "$d/themes.md" "$u/themes.md" \
  -o "$d/LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Global: instala em ~/.gemini/antigravity-cli/skills/avalonia-layout-zafiro/.

d="$HOME/.gemini/antigravity-cli/skills/avalonia-layout-zafiro"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/development/avalonia-layout-zafiro"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/behaviors.md" "$u/behaviors.md" \
  -o "$d/components.md" "$u/components.md" \
  -o "$d/containers.md" "$u/containers.md" \
  -o "$d/icons.md" "$u/icons.md" \
  -o "$d/themes.md" "$u/themes.md" \
  -o "$d/LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Peça ao Rook

Já usa o Rook Labs? Cole no chat do Rook: instale a skill https://rooklabs.sh/marketplace/cct.avalonia-layout-zafiro

Prévia do SKILL.md

---
name: avalonia-layout-zafiro
description: Guidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles, generic components, and avoiding XAML redundancy.
allowed-tools: Read, Write, Edit, Glob, Grep
---

# Avalonia Layout with Zafiro.Avalonia

> Master modern, clean, and maintainable Avalonia UI layouts.
> **Focus on semantic containers, shared styles, and minimal XAML.**

## 🎯 Selective Reading Rule

**Read ONLY files relevant to the layout challenge!**

---

## 📑 Content Map

| 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 |

---

## 🔗 Related Project (Exemplary Implementation)

For a real-world example, refer to the **Angor** project:
`/mnt/fast/Repos/angor/src/Angor/Avalonia/Angor.Avalonia.sln`

---

## ✅ Checklist for Clean Layouts

- [ ] **Used semantic containers?** (e.g., `HeaderedContainer` instead of `Border` with manual header)
- [ ] **Avoided redundant properties?** Use shared styles in `axaml` files.
…

Ver todo o marketplace