106.9K+Baixar
Ir para o guia de uso
Animation Patternspor rshankras

Animation Patterns Skill.

Escolha e revise APIs de animação SwiftUI para interfaces nativas.

  • SwiftUI
  • Plataformas Apple
Baixar OpenDesignVer guia de uso
Análise do arquivo-fonte · animation-patternsSKILL.md
Tarefa Escolha e revise APIs de animação SwiftUI para interfaces nativas. Resultados Um padrão de animação SwiftUI escolhido para a mudança de estado real. Antes de começar Não fornece um fluxo de trabalho de CSS, navegador ou renderização de vídeo.
Resumo editorial · fonte revisada em 2026-11-02 · não é um exemplo gerado

01 Funcionalidades

Escolha e revise APIs de animação SwiftUI para interfaces nativas

Revise animações de mola, animadores de fases e quadros-chave, transições de navegação e movimento reduzido em SwiftUI à luz do SDK do projeto.

Fluxo de trabalho baseado na fonteNão é um benchmark de execução

A abordagem de trabalho

animation-patterns é uma referência de SwiftUI para escolher e revisar APIs de animação. Direciona mudanças de estado, sequências de fases, quadros-chave de propriedades, inserção de views e transições de navegação para diferentes padrões de implementação. Também abrange efeitos de SF Symbol e tratamentos visuais orientados pela geometria.

A fonte se concentra em erros no uso das APIs que podem comprometer a implementação: misturar parâmetros de diferentes gerações de molas, escolher o escopo errado de transição ou confundir geometria compartilhada com zoom de navegação. A disponibilidade na plataforma e o alvo de implantação do projeto continuam fazendo parte da decisão, junto com o comportamento de movimento reduzido e o baixo custo do trabalho a cada quadro.

Entregas esperadas

  • Um padrão de animação SwiftUI escolhido para a mudança de estado real.
  • Uma revisão específica da correção no uso das APIs e orientações de ajuste.
  • Verificações de acessibilidade, alvo de implantação e desempenho por quadro.
Ver o briefing de exemplo

Do briefing à revisão

  1. 01
    Classifique a animação

    Antes de escolher uma API, diferencie interpolação de estado, sequência de fases, linha do tempo de múltiplas propriedades, inserção/remoção e transição de navegação.

  2. 02
    Verifique a geração e o escopo da API

    Compatibilize nomes de parâmetros e closures com o SDK instalado e o alvo de implantação. Verifique se a view animada realmente participa da mudança de estado pretendida.

  3. 03
    Revise interação e custo

    Verifique interrupções, movimento reduzido, comportamento de conclusão e operações caras em closures executadas a cada quadro. Teste a interface real no ambiente de destino.

02 Quando usar

Quando usar

Não fornece um fluxo de trabalho de CSS, navegador ou renderização de vídeo.

Bom encaixe

  • O código de animação SwiftUI falha ou se comporta de forma estranhaA fonte é organizada em torno de erros comuns de API e de uma árvore de decisão baseada em tarefas.
  • Uma transição nativa precisa do escopo corretoDistingue a geometria local de uma view de transições orientadas pela navegação.

Limites a verificar

  • Orientações para o ambiente nativo da AppleNão fornece um fluxo de trabalho de CSS, navegador ou renderização de vídeo.
  • É preciso confirmar a disponibilidadeA tabela da fonte registra um momento específico; as declarações atuais do SDK e o alvo de implantação do projeto determinam a implementação.

Traga estas entradas

  • Código SwiftUIForneça a view afetada, as variáveis de estado e os modificadores de animação.
  • Restrições de plataformaInforme o alvo de implantação e a versão do SDK ou do Xcode instalado.
  • Comportamento desejadoDescreva o gatilho, o movimento intermediário, o estado final e o comportamento esperado com movimento reduzido.

03 Decisões importantes

Decisões que fazem a diferença

  1. Escolha correta da API

    A árvore de decisão separa tarefas de animação que parecem semelhantes à primeira vista.

  2. Menos erros de assinatura

    As famílias de molas e os formatos das closures dos animadores recebem atenção explícita.

  3. Atualizações de quadro leves

    A revisão aponta operações que não devem se repetir dentro de closures de renderização.

04 Exemplo de briefing

Experimente um briefing específico

O briefing de exemplo abaixo não foi testado. Verifique a configuração da skill antes de usá-lo.

Revise a fonte e a configuração

Forneça a view afetada, as variáveis de estado e os modificadores de animação.

Arquivo-fonte original
https://github.com/rshankras/claude-code-apple-skills/blob/9ffb83138209057875698dd11c1720c657c47a92/skills/design/animation-patterns/SKILL.md

A referência abaixo abre as instruções originais. Revise a configuração do repositório antes de usá-las; não se trata de um comando de instalação.

Comece com uma única entrega

Adapte o escopo, o material de origem e as restrições deste briefing antes de executar a skill.

Briefing de exemplo
Use animation-patterns para revisar o código SwiftUI do meu cartão de resumo expansível e da navegação dele para uma view de detalhes. Verifique o alvo de implantação do projeto antes de selecionar APIs. Separe a expansão local do cartão da transição de navegação e verifique se os parâmetros de mola pertencem a uma única geração de API compatível. Preserve o modelo de estado existente. Adicione uma alternativa de movimento reduzido que mantenha o resultado compreensível e identifique operações de formatação ou alocação dentro de closures executadas a cada quadro. Entregue correções específicas e explique como testar ativações repetidas, a conclusão e o retorno dos detalhes para a lista.

Inspecione o resultado

Compare o resultado real com estes critérios observáveis.

  • Confirme as assinaturas das APIs com o SDK e o alvo de implantação do projeto.
  • Teste a inserção por mudança de estado, o escopo da navegação e as ativações repetidas.
  • Inspecione o movimento reduzido e evite trabalho pesado em closures executadas a cada quadro.

OpenDesign oferece um espaço de trabalho de design local para agentes de programação. Esta listagem não significa que a skill esteja incluída nem que suas ferramentas externas, credenciais e dependências de software estejam incluídas.

Baixar OpenDesignLer o guia rápido

05 Fonte e licença

Fonte e licença

Esta página descreve a revisão fixada da fonte vinculada abaixo. O comportamento e os requisitos upstream podem mudar.

Responsável pela fonte
rshankras
Repositório
rshankras/claude-code-apple-skills
Arquivo da skill
SKILL.md
Licença
MIT
Versão revisada
2026-11-02 · 9ffb83138209
Resumo editorial da fonte
Escolha e revise APIs de animação SwiftUI para interfaces nativas.

Resumo original de OpenDesign, baseado na fonte vinculada. As estrelas do repositório são um sinal de popularidade datado, não uso da skill nem nota de qualidade.

06 Perguntas antes de começar

Perguntas antes de começar

Uma transição de geometria local é o mesmo que um zoom de navegação?

A fonte as trata como tarefas distintas, com APIs e escopos diferentes. Escolha de acordo com o contexto: uma transição dentro de uma view ou entre destinos de navegação.

É possível misturar nomes de parâmetros de mola?

A fonte destaca que as famílias antigas e novas de configuração de molas usam combinações diferentes de parâmetros. Use uma única assinatura compatível de forma consistente.

A skill implementa animações para a web?

Não. Seu escopo é SwiftUI e os padrões de animação nativos relacionados da Apple, com verificações de versão e acessibilidade para esse ambiente.

OpenDesign

Mantenha seu briefing e seu trabalho de design juntos.

Mantenha seu briefing, o material de origem e o trabalho de design juntos em um espaço de trabalho local. Verifique a configuração da própria skill antes de adicioná-la ao seu fluxo de trabalho.

Baixar OpenDesignExplorar skills de design
Arquivo-fonte original
https://github.com/rshankras/claude-code-apple-skills/blob/9ffb83138209057875698dd11c1720c657c47a92/skills/design/animation-patterns/SKILL.md