사용 가이드로 건너뛰기
Animation Patterns작성자 rshankras

Animation Patterns 스킬.

네이티브 인터페이스에 맞는 SwiftUI 애니메이션 API를 선택하고 검토하세요.

  • SwiftUI
  • Apple 플랫폼
소스 검토 · animation-patternsSKILL.md
작업 네이티브 인터페이스에 맞는 SwiftUI 애니메이션 API를 선택하고 검토하세요. 결과물 실제 상태 변화에 맞춰 선택한 SwiftUI 애니메이션 패턴. 시작 전 확인 CSS, 브라우저 또는 영상 렌더링 워크플로를 제공하지 않습니다.
편집 요약 · 소스 검토일 2026-11-02 · 생성된 예제가 아닙니다

01 기능 소개

네이티브 인터페이스에 맞는 SwiftUI 애니메이션 API를 선택하고 검토하세요.

SwiftUI 스프링, 페이즈 및 키프레임 애니메이터, 내비게이션 전환, 동작 줄이기 설정에서의 동작을 프로젝트 SDK에 맞춰 검토하세요.

소스 기반 워크플로실행 벤치마크 아님

작업 방식

animation-patterns는 애니메이션 API 선택과 검토를 위한 SwiftUI 참고 자료입니다. 상태 변화, 순차적 페이즈, 속성 키프레임, 뷰 삽입, 내비게이션 전환을 서로 다른 구현 패턴으로 안내합니다. SF Symbol 효과와 지오메트리 기반 시각적 처리도 다룹니다.

소스는 구현을 어렵게 하는 API 사용 오류에 집중합니다. 서로 다른 세대의 스프링 매개변수를 섞거나, 전환 범위를 잘못 선택하거나, 공유 지오메트리를 내비게이션 줌과 혼동하는 경우가 해당합니다. 플랫폼 지원 여부와 프로젝트의 배포 대상 버전, 동작 줄이기 설정에서의 동작, 프레임별 처리 부담을 함께 판단해야 합니다.

예상 산출물

  • 실제 상태 변화에 맞춰 선택한 SwiftUI 애니메이션 패턴.
  • API 사용의 정확성에 초점을 맞춘 검토와 수정 안내.
  • 접근성, 배포 대상 버전, 프레임별 성능 확인 항목.
예시 브리프 보기

브리프에서 검토까지

  1. 01
    애니메이션 유형 구분

    API를 선택하기 전에 상태 간 보간, 페이즈 시퀀스, 여러 속성의 타임라인, 삽입·제거, 내비게이션 전환을 구분합니다.

  2. 02
    API 세대와 범위 확인

    매개변수 이름과 클로저 형식을 설치된 SDK 및 배포 대상 버전에 맞춥니다. 애니메이션 대상 뷰가 의도한 상태 변화에 실제로 참여하는지 확인합니다.

  3. 03
    상호작용과 처리 비용 검토

    중단, 동작 줄이기, 완료 시 동작, 프레임마다 실행되는 클로저 안의 무거운 작업을 확인합니다. 대상 환경에서 실제 UI를 조작해 테스트합니다.

02 활용 상황

언제 사용하면 좋을까요

CSS, 브라우저 또는 영상 렌더링 워크플로를 제공하지 않습니다.

적합한 경우

  • SwiftUI 애니메이션 코드가 실패하거나 이상하게 동작할 때소스는 흔한 API 오류와 작업별 안내를 위한 의사결정 트리로 구성됩니다.
  • 네이티브 전환의 범위를 정해야 할 때뷰 내부의 지오메트리 변화와 내비게이션으로 발생하는 전환을 구분합니다.

확인할 한계

  • Apple 네이티브 환경을 위한 안내CSS, 브라우저 또는 영상 렌더링 워크플로를 제공하지 않습니다.
  • 지원 여부 확인 필요원본의 표는 해당 시점의 자료입니다. 실제 구현은 현재 SDK 선언과 프로젝트의 배포 대상 버전을 기준으로 해야 합니다.

준비할 입력

  • SwiftUI 코드대상 뷰, 상태 변수, 애니메이션 수정자를 제공하세요.
  • 플랫폼 제약배포 대상 버전과 설치된 SDK 또는 Xcode 버전을 명시하세요.
  • 원하는 동작트리거, 중간 움직임, 최종 상태, 동작 줄이기 설정에서 기대하는 동작을 설명하세요.

03 핵심 결정

중요한 판단 기준

  1. 올바른 API 선택

    의사결정 트리가 겉으로 비슷해 보이는 애니메이션 작업을 구분합니다.

  2. 시그니처 오류 줄이기

    스프링 API 계열과 애니메이터 클로저 형식을 명시적으로 살펴봅니다.

  3. 가벼운 프레임 업데이트

    렌더링 클로저 안에서 반복해서는 안 되는 작업을 검토 과정에서 짚어냅니다.

04 예시 브리프

목적을 좁힌 요청으로 시작하세요

아래 예시 브리프는 테스트되지 않았습니다. 사용하기 전에 스킬의 설정을 확인하세요.

소스와 설정 확인

대상 뷰, 상태 변수, 애니메이션 수정자를 제공하세요.

업스트림 소스 파일
https://github.com/rshankras/claude-code-apple-skills/blob/9ffb83138209057875698dd11c1720c657c47a92/skills/design/animation-patterns/SKILL.md

아래 참고 링크에서 원본 사용 지침을 확인할 수 있습니다. 사용 전에 리포지터리의 설정 요건을 확인하세요. 설치 명령어가 아닙니다.

결과물 하나부터 시작

스킬을 실행하기 전에 이 브리프의 범위, 소스 자료, 제약 조건을 상황에 맞게 조정하세요.

예시 브리프
animation-patterns를 사용해 펼칠 수 있는 요약 카드와 상세 화면으로의 이동을 구현한 SwiftUI 코드를 검토해주세요. API를 선택하기 전에 프로젝트의 배포 대상 버전을 확인하세요. 카드 내부의 펼침 동작과 내비게이션 전환을 분리하고, 스프링 매개변수가 하나의 지원되는 API 세대에 속하는지 확인하세요. 기존 상태 모델은 유지하세요. 결과를 이해할 수 있는 동작 줄이기 대안을 추가하고, 프레임별 클로저 안의 포맷 처리나 메모리 할당 작업을 찾아주세요. 필요한 부분만 수정하고 반복 실행, 완료, 상세 화면에서 목록으로 돌아오는 동작의 테스트 방법을 설명해주세요.

결과 확인

실제 출력을 다음의 관찰 가능한 기준과 비교해 확인하세요.

  • 프로젝트 SDK 및 배포 대상 버전에 맞는 API 시그니처인지 확인합니다.
  • 상태에 따른 뷰 삽입, 내비게이션 범위, 반복 실행을 테스트합니다.
  • 동작 줄이기를 확인하고 프레임별 클로저에서 무거운 처리를 피합니다.

OpenDesign은 코딩 에이전트를 위한 로컬 디자인 작업 공간을 제공합니다. 이 목록은 스킬이 번들로 포함되어 있거나 외부 도구, 자격 증명, 소프트웨어 의존성이 포함되어 있다는 뜻이 아닙니다.

05 출처 및 라이선스

소스와 라이선스

이 페이지는 아래에 링크된 고정 소스 리비전을 설명합니다. 업스트림의 동작과 요구 사항은 바뀔 수 있습니다.

소스 소유자
rshankras
스킬 파일
SKILL.md
라이선스
MIT
검토한 스냅샷
2026-11-02 · 9ffb83138209
편집 소스 요약
네이티브 인터페이스에 맞는 SwiftUI 애니메이션 API를 선택하고 검토하세요.

링크된 소스를 바탕으로 OpenDesign이 작성한 원본 요약입니다. 저장소 스타 수는 특정 시점의 인기 지표일 뿐 스킬 사용량이나 품질 점수가 아닙니다.

06 시작 전 질문

시작 전 궁금한 점

뷰 내부의 지오메트리 전환은 내비게이션 줌과 같은가요?

소스는 이를 API와 범위가 다른 별개의 작업으로 다룹니다. 전환이 뷰 내부에서 일어나는지, 내비게이션을 통해 일어나는지에 따라 선택하세요.

서로 다른 스프링 매개변수 이름을 섞어도 되나요?

소스는 이전 및 최신 스프링 설정 계열이 서로 다른 매개변수 조합을 사용한다고 강조합니다. 하나의 지원되는 시그니처를 일관되게 사용하세요.

웹 애니메이션도 구현하나요?

아니요. SwiftUI와 관련 Apple 네이티브 애니메이션 패턴이 대상이며, 해당 환경의 버전과 접근성 확인도 포함합니다.

OpenDesign

작업 요청과 디자인 결과물을 한곳에 모으세요.

브리프, 소스 자료, 디자인 작업을 로컬 작업 공간에 함께 보관하세요. 워크플로에 추가하기 전에 스킬 자체의 설정을 확인하세요.

업스트림 소스 파일
https://github.com/rshankras/claude-code-apple-skills/blob/9ffb83138209057875698dd11c1720c657c47a92/skills/design/animation-patterns/SKILL.md