Criar Animações Flutter
O movimento no Flutter pode ser difícil de escolher e implementar corretamente. Esta skill orienta a seleção de animações, padrões de código, desempenho e acessibilidade.
Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.
Review the Skillstore skill "flutter-animations" from https://skillstore.io/skills/madteacher-flutter-animations.md and its manifest at https://skillstore.io/api/skills/madteacher-flutter-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.
Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.
Usando "flutter-animations". Preciso que um cartão se expanda suavemente quando selecionado.
Resultado esperado:
Recomendação: use AnimatedContainer com uma duração curta, uma curva ease e mudanças de largura, altura e cor orientadas por estado.
Usando "flutter-animations". Preciso que um logotipo cresça, apareça com fade in e depois reverta ao concluir.
Resultado esperado:
Recomendação: use AnimationController com valores Tween, um listener de status e AnimatedBuilder para limitar o trabalho de reconstrução.
Usando "flutter-animations". Preciso que um item de grade de fotos abra em uma tela de detalhes.
Resultado esperado:
Recomendação: use tags Hero correspondentes, árvores de widgets semelhantes em ambas as telas e um wrapper Material para refinar a transição de rota.
All static findings were adjudicated as false positives. The sensitive detections are Flutter super.key syntax, the blocker detections are Dart lifecycle or documentation text, and the external command detections are Markdown backticks around Dart examples. No prompt injection, credential exposure, command execution, or exfiltration intent was found.
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.
https://skillstore.io/skills/madteacher-flutter-animations/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/madteacher-flutter-animations?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/madteacher-flutter-animations?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/madteacher-flutter-animations/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/madteacher-flutter-animations.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>madteacher. (2026). flutter-animations security audit report (audit version 4) [Author version 1.0]. Skillstore. https://skillstore.io/skills/madteacher-flutter-animations/audits/4@techreport{madteacher-madteacher-flutter-animations-2026,
author = {madteacher},
title = {flutter-animations security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/madteacher-flutter-animations/audits/4},
note = {Author version 1.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "flutter-animations security audit report (audit version 4)"
version: "1.0"
type: report
authors:
- name: "madteacher"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/madteacher-flutter-animations/audits/4"
identifiers:
- type: other
value: "skillstore:madteacher-flutter-animations:audit:4"
description: "Skillstore immutable audit report identifier"
Use widgets de animação implícita para animar mudanças de tamanho, cor, opacidade, padding ou alinhamento.
Use padrões de AnimationController para movimentos coordenados, reversíveis ou sensíveis ao status.
Planeje movimentos hero, escalonados e baseados em física para navegação e revelações refinadas no app.
Ajude-me a escolher o melhor tipo de animação Flutter para esta mudança de UI: [describe the widget and trigger].
Crie um plano de animação implícita em Flutter para [property] quando [state] mudar. Inclua a escolha do widget e orientação de temporização.
Converta esta ideia de animação em um design explícito com AnimationController: [describe motion, duration, curves, and states].
Planeje um sistema de movimento Flutter para produção com transições hero, revelações escalonadas, comportamento físico, verificações de desempenho e alternativas de acessibilidade.
Autor
madteacherLicença
MIT
Versão do autor
v1.0
Revisão da Skillstore
r1
Aviso de versão
A versão declarada pelo autor não é um SemVer válido.
Referência
b8ca75d2c0a7e7102978993058777d82b8ab2610
Atualidade da manutenção
18/07/2026
Uso
14 downloads · 195 visualizações
Estrutura de arquivos
Crie Apps Flutter Especializados
por sickn33
Equipes Flutter precisam de arquitetura sólida e orientação de plataforma. Esta skill ajuda a planejar, criar, testar e otimizar apps em diferentes destinos Flutter.
Fix Flutter Layout Errors
por flutter
Flutter constraint errors can hide the widget that caused the failure. This skill maps common error signatures to focused layout corrections and verification steps.
Create Reliable Flutter Widget Tests
por flutter
Flutter UI changes can fail when rendering and user interactions are not tested. This skill provides a clear workflow for building focused WidgetTester tests and validating state changes.
Crie Apps Flutter com Padrões Comprovados
por MiniMax-AI
Projetos Flutter frequentemente precisam de decisões consistentes para estado, roteamento, testes e desempenho. Esta skill oferece ao Claude, Codex e Claude Code orientações práticas de Flutter extraídas de arquivos de referência focados.
Otimizar Apps React Native
por vercel-labs
Apps React Native podem sofrer com listas lentas, animações instáveis e erros de plataforma. Esta skill fornece ao Codex, Claude e Claude Code regras concisas para trabalho performático com Expo e React Native.
Adicionar componentes animados do ReactBits
por hwj23016021425
Desenvolvedores React precisam de formas rápidas de encontrar peças de UI animadas e refinadas. Esta skill pesquisa no ReactBits e orienta a integração de componentes em projetos React e Next.js.