본문으로 건너뛰기
cccskills
무료GitHub에 공개

avalonia-layout-zafiro

Diretrizes para layout moderno de UI em Avalonia usando Zafiro.Avalonia, enfatizando estilos compartilhados, componentes genéricos e evitando redundância em XAML.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(6)

  • SKILL.md2.4 KB
  • behaviors.md1.4 KB
  • components.md1.4 KB
  • containers.md1.5 KB
  • icons.md1.7 KB
  • themes.md1.8 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Layout Avalonia com Zafiro.Avalonia

Domine layouts de UI em Avalonia modernos, limpos e fáceis de manter. Foco em contêineres semânticos, estilos compartilhados e XAML mínimo.

🎯 Regra de Leitura Seletiva

Leia APENAS arquivos relevantes para o desafio de layout!


📑 Mapa de Conteúdo

ArquivoDescriçãoQuando Ler
themes.mdOrganização de temas e estilos compartilhadosConfigurando ou refinando temas do app
containers.mdContêineres semânticos (HeaderedContainer, EdgePanel, Card)Estruturando views e layouts
icons.mdUso de ícones com IconExtension e IconOptionsAdicionando e customizando ícones
behaviors.mdXaml.Interaction.Behaviors e evitando ConvertersImplementando interações complexas
components.mdComponentes genéricos e evitando aninhamentoCriando elementos de UI reutilizáveis

🔗 Projeto Relacionado (Implementação Exemplar)

Para um exemplo real, consulte o projeto Angor: /mnt/fast/Repos/angor/src/Angor/Avalonia/Angor.Avalonia.sln


✅ Checklist para Layouts Limpos

  • Usou contêineres semânticos? (ex: HeaderedContainer em vez de Border com header manual)
  • Evitou propriedades redundantes? Use estilos compartilhados em arquivos axaml.
  • Minimizou aninhamento? Simplifique layouts usando EdgePanel ou componentes genéricos.
  • Ícones via extension? Use {Icon fa-name} e IconOptions para estilo.
  • Behaviors em vez de code-behind? Use Interaction.Behaviors para lógica de UI.
  • Evitou Converters? Prefira propriedades do ViewModel ou Behaviors quando necessário.

❌ Anti-Padrões

NÃO FAÇA:

  • Use cores ou tamanhos hardcoded (literais) em views.
  • Crie aninhamento profundo de Grid e StackPanel.
  • Repita propriedades visuais em múltiplos elementos (use Styles).
  • Use IValueConverter para lógica simples que pertence ao ViewModel.

FAÇA:

  • Use DynamicResource para cores e brushes.
  • Extraia layouts repetidos em componentes genéricos.
  • Aproveite painéis específicos de Zafiro.Avalonia como EdgePanel para padrões comuns de UI.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Especialista em construir experiências 3D para a web - Three.js, React Three Fiber, Spline, WebGL e cenas 3D interativas. Cobre configuradores de produtos, portfólios 3D, websites imersivos e adição de profundidade às experiências web. Use quando: website 3D, three.js, WebGL, react three fiber, experiência 3D.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

artubss/SKILLS-CLAUDE-CODE112026년 5월 17일 업데이트

Quando o usuário quer planejar, projetar ou implementar um teste A/B ou experimento. Também use quando o usuário menciona "teste A/B", "split test", "experimento", "testar essa mudança", "copy variante", "teste multivariado" ou "hipótese". Para implementação de rastreamento, veja analytics-tracking.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

artubss/SKILLS-CLAUDE-CODE112026년 5월 17일 업데이트

Auditar e melhorar a acessibilidade web seguindo as diretrizes WCAG 2.1. Use quando solicitado para "melhorar acessibilidade", "auditoria a11y", "conformidade WCAG", "suporte a leitor de tela", "navegação por teclado" ou "tornar acessível".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

artubss/SKILLS-CLAUDE-CODE112026년 5월 17일 업데이트

Testes e benchmarking de agentes LLM incluindo testes comportamentais, avaliação de capacidades, métricas de confiabilidade e monitoramento em produção—onde até os melhores agentes alcançam menos de 50% em benchmarks do mundo real. Use quando: testes de agentes, avaliação de agentes, benchmark de agentes, confiabilidade de agentes, teste de agentes.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

artubss/SKILLS-CLAUDE-CODE112026년 5월 17일 업데이트

Criar, gerenciar e orquestrar agentes de IA usando o CLI AI Maestro. Use quando o usuário pedir para "criar agente", "listar agentes", "deletar agente", "hibernar agente", "despertar agente", "instalar plugin", "mostrar agente", "reiniciar agente" ou qualquer tarefa de gerenciamento do ciclo de vida do agente.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

artubss/SKILLS-CLAUDE-CODE112026년 5월 17일 업데이트

Gerencie múltiplos agentes CLI locais via sessões tmux (iniciar/parar/monitorar/atribuir) com agendamento compatível com cron.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

artubss/SKILLS-CLAUDE-CODE112026년 5월 17일 업데이트

artubss의 스킬 모두 보기

이 스킬의 문제 신고