Pular para o conteúdo
Skillpedia
Interfaces (UI/UX)48 mil · #2233

avalonia-viewmodels-zafiro

Mostra as melhores formas de criar as partes que controlam a tela e os fluxos de trabalho em programas Avalonia. Usa padrões modernos.

O que ela faz

Esta ferramenta ajuda a organizar e criar partes de aplicativos para computador (chamados ViewModels e Wizards) usando padrões recomendados. Ela facilita a criação de fluxos de trabalho com várias etapas e a navegação dentro do aplicativo.

Quando usar

  • ✓Ao criar um novo aplicativo com interface gráfica.
  • ✓Quando precisar de um fluxo de trabalho com várias etapas (como um assistente de instalação).
  • ✓Para organizar melhor o código do seu aplicativo.

Exemplo do que pedir para a IA

“Como posso criar um assistente de instalação para meu aplicativo usando padrões recomendados?”

Quer saber mais? Abra as seções abaixo.

Como usar

O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.

Link da skill

https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/avalonia-viewmodels-zafiro/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/avalonia-viewmodels-zafiro/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

Ela usa bibliotecas como ReactiveUI e Zafiro para definir como os dados e as ações do usuário se conectam à interface. Isso permite criar comandos mais inteligentes e fluxos de trabalho passo a passo de forma organizada.

Instalação

Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.

No terminal (Claude Code, Codex, Cursor), na pasta do projeto:

npx skills add sickn33/agentic-awesome-skills --skill avalonia-viewmodels-zafiro

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/avalonia-viewmodels-zafiro/SKILL.md -o SKILL.md
Conteúdo técnico (SKILL.md)

Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.

ViewModels do Avalonia com Zafiro

Esta habilidade fornece um conjunto de melhores práticas e padrões para criar ViewModels, Wizards e gerenciar navegação em aplicações Avalonia, aproveitando o poder do ReactiveUI e do toolkit Zafiro.

Princípios Fundamentais

  1. Abordagem Funcional-Reativa: Use o ReactiveUI (ReactiveObject, WhenAnyValue, etc.) para lidar com estado e lógica.
  2. Comandos Aprimorados: Utilize IEnhancedCommand para um melhor gerenciamento de comandos, incluindo relatórios de progresso e atributos de nome/texto.
  3. Padrão Wizard: Implemente fluxos complexos usando SlimWizard e WizardBuilder para uma abordagem declarativa e de fácil manutenção.
  4. Descoberta Automática de Seções: Use o atributo [Section] para registrar e descobrir seções de UI automaticamente.
  5. Composição Limpa: Mapeie ViewModels para Views usando DataTypeViewLocator e gerencie dependências no CompositionRoot.

Guias

Referência de Exemplo

Para implementações do mundo real, consulte o projeto Angor:

  • CreateProjectFlowV2.cs: Excelente exemplo de construção de Wizard complexo.
  • HomeViewModel.cs: Exemplo simples de ViewModel de seção usando comandos funcionais-reativos.

Quando Usar

Esta habilidade é aplicável para executar o fluxo de trabalho ou as ações descritas na visão geral.

Limitações

  • Use esta habilidade apenas quando a tarefa corresponder claramente ao escopo descrito acima.
  • Não trate a saída como substituta para validação específica do ambiente, testes ou revisão de especialistas.
  • Pare e peça esclarecimentos se os inputs necessários, permissões, limites de segurança ou critérios de sucesso estiverem ausentes.
Perguntas frequentes

O que é um ViewModel?

É uma parte do código que gerencia os dados e a lógica de uma tela ou componente da interface do usuário.

O que é um Wizard (Assistente)?

É uma sequência de telas ou passos que guiam o usuário através de um processo, como configurar um software.

O que é ReactiveUI?

É uma biblioteca que ajuda a criar interfaces de usuário mais responsivas e fáceis de gerenciar, usando um estilo de programação reativo.

Detalhes

Descrição original do autor

Optimal ViewModel and Wizard creation patterns for Avalonia using Zafiro and ReactiveUI.

repo: sickn33/agentic-awesome-skills

Popularidade

Estrelas no GitHub
48 mil
Posição no ranking
#2233
Licença
MIT
Atualizada em
15/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas