Communitygithub.com

madteacher/flutter-animations

Flutter 애니메이션 및 모션 효과를 추가, 수정, 리팩터링, 디버깅, 테스트 또는 설명합니다. 암시적 애니메이션, 명시적 애니메이션, Hero 전환, 지연/시퀀스 애니메이션, 물리 기반 모션, 제스처 등 모든 Flutter 애니메이션 관련 작업에 사용하세요.

flutter-animations란 무엇인가요?

이 스킬은 Flutter 애니메이션 및 모션 효과를 포괄적으로 다루는 전문 도구입니다. 개발자는 이 스킬을 사용하여 암시적 애니메이션(AnimatedContainer, AnimatedOpacity, AnimatedSwitcher, TweenAnimationBuilder), 명시적 애니메이션(AnimationController, Tween, CurvedAnimation, AnimatedWidget, AnimatedBuilder), Hero/공유 요소 전환, 지연 또는 시퀀스 애니메이션, 물리 기반 모션(스프링, 플링, 스크롤 물리), 제스처, 커브, 성능 최적화, 접근성 및 'reduced motion' 설정, 애니메이션 생명주기 버그 등을 다룰 수 있습니다. 특히 Claude Code, Cursor, Codex와 같은 AI 코딩 에이전트와 함께 사용하도록 설계되어, Flutter 개발자가 애니메이션 관련 작업을 더 빠르고 정확하게 수행할 수 있도록 지원합니다. SKILL.md 문서에 기반하여 이 스킬은 애니메이션 코드를 추가, 수정, 리팩터링, 디버깅, 테스트 및 설명하는 모든 단계에서 유용하게 활용됩니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/madteacher/mad-agents-skills/tree/main/skills/flutter-animations

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

flutter-animations은(는) 무엇을 하나요?

Flutter 애니메이션 및 모션 효과를 추가, 수정, 리팩터링, 디버깅, 테스트 또는 설명합니다. 다음 작업 시 사용하세요: 암시적 애니메이션(AnimatedContainer, AnimatedOpacity, AnimatedSwitcher, TweenAnimationBuilder) 작업; AnimationController, Tween, CurvedAnimation, AnimatedWidget, AnimatedBuilder 및 내장 전환을 사용한 명시적 애니메이션; Hero/공유 요소 경로 전환; 지연 또는 시퀀스 애니메이션; 물리 기반 모션, 제스처, 스프링, 플링, 스크롤 물리, 커브, 성능, 접근성, reduced motion 및 애니메이션 생명주기 버그.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

관련 스킬