Habilidades review-animations

📦

review-animations

Name: review-animations
Author: emilkowalski

Revisão do conteúdo r2 Seguro ⚙️ Comandos externos

Revisar Animações de Interface com Precisão

O movimento da interface pode parecer lento, distrativo ou inacessível mesmo quando funciona. Esta habilidade revisa código de animação segundo padrões específicos de qualidade, desempenho e acessibilidade.

Suporta: Claude Codex Code(CC)

🥉 77 Bronze

Instalar com meu Agente

Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.

Solicitação do agente

Review the Skillstore skill "review-animations" from https://skillstore.io/skills/emilkowalski-review-animations.md and its manifest at https://skillstore.io/api/skills/emilkowalski-review-animations/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.

Recursos legíveis por agentes

Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.

Detalhe em Markdown GET /skills/emilkowalski-review-animations.md manifest assinado GET /api/skills/emilkowalski-review-animations/manifest lockfile assinado GET /api/skills/emilkowalski-review-animations/lockfile

Testar

Usando "review-animations". Revise um dropdown que escala a partir do centro em 400 milissegundos e não possui tratamento de movimento reduzido.

Resultado esperado:

A revisão bloqueia a alteração, recomenda uma origem sensível ao acionador e um tempo responsivo mais curto, além de adicionar uma variante de movimento reduzido.

Usando "review-animations". Revise uma entrada de toast implementada com keyframes e animação de propriedades de layout.

Resultado esperado:

Substitua keyframes reiniciados por uma transição ou spring que possa ser interrompida.
Mova a animação para transform e opacity.
Verifique adições e dispensas rápidas sem perda de frames.

Usando "review-animations". Revise o pressionamento sutil de um botão que usa uma transição curta de transform e oferece suporte a movimento reduzido.

Resultado esperado:

A revisão aprova o movimento quando sua frequência, escala e tempo permanecem adequados para a interação.

Auditoria de segurança

Seguro

v3 • 23/07/2026 Abrir o relatório versionado

All 30 static findings are false positives caused by Markdown inline-code spans, documented JavaScript template literals, and ordinary animation terminology. The files provide review guidance and examples without executable commands, reconnaissance behavior, or prompt injection intent.

Arquivos analisados

302

Linhas analisadas

Itens de revisão

Falsos positivos ignorados

A auditoria estática e semântica concluída mais recente não detectou achados de segurança confirmados. Isso não comprova que a skill não tenha efeitos colaterais.

Auditado por: codex Ver histórico de auditoria →

Compartilhar e citar este relatório

Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.

Abrir o relatório versionado

Copiar link do relatório

https://skillstore.io/skills/emilkowalski-review-animations/audits/3?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Badge Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/emilkowalski-review-animations/security.svg)](https://skillstore.io/skills/emilkowalski-review-animations?utm_source=security_passport_badge)

Badge HTML

<a href="https://skillstore.io/skills/emilkowalski-review-animations?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emilkowalski-review-animations/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Cartão incorporável

<iframe src="https://skillstore.io/embed/skills/emilkowalski-review-animations.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citações acadêmicas (APA · BibTeX · CFF)

Citação APA

emilkowalski. (2026). review-animations security audit report (audit version 3) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-review-animations/audits/3

Citação BibTeX

@techreport{emilkowalski-emilkowalski-review-animations-2026,
  author = {emilkowalski},
  title = {review-animations security audit report (audit version 3)},
  institution = {Skillstore},
  year = {2026},
  number = {3},
  url = {https://skillstore.io/skills/emilkowalski-review-animations/audits/3},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "review-animations security audit report (audit version 3)"
version: "unspecified"
type: report
authors:
  - name: "emilkowalski"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/emilkowalski-review-animations/audits/3"
identifiers:
  - type: other
    value: "skillstore:emilkowalski-review-animations:audit:3"
    description: "Skillstore immutable audit report identifier"

Pontuação do Skillstore

Por que esta pontuação Confiança das evidências: Alto

Arquitetura

Manutenibilidade

Conteúdo

Comunidade

Conformidade com a especificação

O que você pode criar

Revisar uma alteração de componente

Verifique um pull request quanto a problemas de easing, duração, origem física, desempenho e acessibilidade antes do merge.

Auditar um sistema de movimento

Compare transições compartilhadas e padrões de interação com padrões consistentes de movimento em todo o produto.

Validar a qualidade da interação

Identifique movimentos distrativos, lentos ou desnecessários e receba recomendações claras para refinamento.

Teste estes prompts

Revisar uma animação

Revise a animação em [file or snippet]. Verifique seu propósito, duração, easing, propriedades animadas e suporte a movimento reduzido. Retorne os achados e o veredito exigidos.

Revisar uma interação de componente

Revise o movimento em [component]. Considere a frequência de acionamento, a origem de transform, o tempo de entrada e saída, a condição de hover e a possibilidade de interrupção. Cite cada arquivo e linha afetados.

Auditar o desempenho de gestos

Audite a animação de arrastar ou gesto em [files]. Avalie o tratamento de ponteiro, velocidade, amortecimento, interrupção, trabalho na thread principal e propriedades compatíveis com GPU. Recomende alterações precisas.

Revisar um diff completo de movimento

Revise todas as alterações de movimento neste diff. Aplique o catálogo completo de padrões, classifique os achados por impacto, proponha substituições exatas e emita uma decisão de aprovação ou bloqueio.

Boas práticas

Forneça os arquivos alterados, o contexto das linhas e a frequência da interação.
Inclua a intenção do produto e quaisquer restrições de execução que afetem as decisões de movimento.
Teste as recomendações em dispositivos reais e com as configurações de movimento reduzido ativadas.

Evitar

Não use esta habilidade para revisões não relacionadas de arquitetura, segurança ou lógica de negócios.
Não solicite aprovação sem fornecer o código de animação ou o diff.
Não trate orientações numéricas como substitutas da observação em execução e do contexto do produto.

Perguntas frequentes

O que esta habilidade revisa?

Ela revisa animações de interface e código de movimento quanto à qualidade, desempenho, possibilidade de interrupção, acessibilidade e coesão.

Ela escreve código de animação?

Ela se concentra nos achados da revisão e nas substituições recomendadas. Não implementa recursos ou correções não relacionadas.

Quais tecnologias de animação ela pode avaliar?

Ela pode avaliar transições CSS, keyframes, uso da Web Animations API, movimento baseado em springs e padrões comuns do Framer Motion.

Como ela lida com movimento reduzido?

Ela verifica alternativas mais suaves que preservam feedback útil enquanto removem movimento desnecessário.

Ela pode aprovar um pull request?

Ela fornece uma recomendação explícita de aprovação ou bloqueio com base nas alterações de movimento fornecidas.

Qual contexto melhora a revisão?

Forneça o diff, as interações afetadas, a frequência de uso, o estilo do produto, as restrições de desempenho e as evidências de execução disponíveis.

Detalhes do desenvolvedor

Autor

emilkowalski

Licença

MIT

Revisão da Skillstore

Aviso de versão

O autor não declarou uma versão.

Repositório

https://github.com/emilkowalski/skills/tree/main/skills/review-animations/

Referência

c43861a65bb95efcae259cd161c9d6f4dc7eec6f

Atualidade da manutenção

25/07/2026

Uso

1 downloads · 0 visualizações

Estrutura de arquivos

📄 SKILL.md

📄 STANDARDS.md

review-animations

Instalar com meu Agente

Recursos legíveis por agentes

Testar

Auditoria de segurança

Fatores de risco

Copiar link do relatório

Badge Markdown

Badge HTML

Cartão incorporável

Citação APA

Citação BibTeX

CITATION.cff

Pontuação do Skillstore

O que você pode criar

Revisar uma alteração de componente

Auditar um sistema de movimento

Validar a qualidade da interação

Teste estes prompts

Boas práticas

Evitar

Perguntas frequentes

Detalhes do desenvolvedor