106.9K+İndir
Kullanım kılavuzuna geç
Animation Patternsyazan rshankras

Animation Patterns Skill.

Yerel arayüzler için SwiftUI animasyon API'lerini seçin ve inceleyin.

  • SwiftUI
  • Apple Platformları
OpenDesign İndirKullanım Kılavuzunu Görüntüle
Kaynak İncelemesi · animation-patternsSKILL.md
Görev Yerel arayüzler için SwiftUI animasyon API'lerini seçin ve inceleyin. Çıktılar Gerçek durum değişikliğine uygun seçilmiş bir SwiftUI animasyon örüntüsü. Başlamadan Önce CSS, tarayıcı veya video render iş akışı sunmaz.
Editoryal özet · kaynak inceleme tarihi: 2026-11-02 · üretilmiş bir örnek değildir

01 İşlevler

Yerel arayüzler için SwiftUI animasyon API'lerini seçin ve inceleyin

SwiftUI yay animasyonlarını, faz ve anahtar kare animatörlerini, gezinme geçişlerini ve azaltılmış hareket davranışını projenizin SDK'sına göre inceleyin.

Kaynağa dayalı iş akışıÇalıştırma kıyaslaması değildir

Çalışma Yaklaşımı

animation-patterns, animasyon API'lerini seçmek ve incelemek için bir SwiftUI referansıdır. Durum değişikliklerini, sıralı fazları, özellik anahtar karelerini, görünüm eklemeyi ve gezinme geçişlerini farklı uygulama örüntülerine yönlendirir. SF Symbol efektlerini ve geometriye dayalı görsel işlemleri de kapsar.

Kaynak, uygulamayı aksatabilecek API kullanım hatalarına odaklanır: farklı nesillerin yay parametrelerini karıştırmak, yanlış geçiş kapsamını seçmek veya paylaşılan geometriyi gezinme yakınlaştırmasıyla karıştırmak. Platformda kullanılabilirlik ve projenin dağıtım hedefi; azaltılmış hareket davranışı ve kare başına düşük işlem yüküyle birlikte kararın parçası olmaya devam eder.

Beklenen Çıktılar

  • Gerçek durum değişikliğine uygun seçilmiş bir SwiftUI animasyon örüntüsü.
  • API kullanımının doğruluğuna yönelik odaklı bir inceleme ve düzeltme rehberi.
  • Erişilebilirlik, dağıtım hedefi ve kare başına performans kontrolleri.
Örnek Brief'i Gör

Brifden İncelemeye

  1. 01
    Animasyonu sınıflandırın

    API seçmeden önce durumlar arası ara değerleme, faz sırası, çok özellikli zaman çizelgesi, ekleme/kaldırma veya gezinme geçişi ayrımını yapın.

  2. 02
    API neslini ve kapsamını kontrol edin

    Parametre adlarını ve closure yapılarını kurulu SDK ve dağıtım hedefiyle eşleştirin. Animasyon uygulanan görünümün amaçlanan durum değişikliğine gerçekten katıldığını doğrulayın.

  3. 03
    Etkileşimi ve maliyeti inceleyin

    Kesintiye uğramayı, azaltılmış hareketi, tamamlanma davranışını ve her karede çalışan closure'lar içindeki yüksek maliyetli işlemleri kontrol edin. Gerçek arayüzü hedef ortamında deneyin.

02 Kullanım Alanları

Ne Zaman Kullanılır?

CSS, tarayıcı veya video render iş akışı sunmaz.

İyi Bir Uyum

  • SwiftUI animasyon kodu hata veriyor veya beklenmedik davranıyorKaynak, yaygın API hataları ve göreve dayalı bir yönlendirme ağacı etrafında düzenlenmiştir.
  • Yerel bir geçişin kapsamı doğru belirlenmeliYerel görünüm geometrisini gezinmeyle tetiklenen geçişlerden ayırır.

Kontrol Edilecek Sınırlar

  • Apple'ın yerel ortamına yönelik bir rehberdirCSS, tarayıcı veya video render iş akışı sunmaz.
  • Kullanılabilirlik doğrulanmalıdırKaynağın tablosu belirli bir andaki bilgileri yansıtır; uygulamayı güncel SDK bildirimleri ve projenin dağıtım hedefi belirler.

Bu Girdileri Getirin

  • SwiftUI koduEtkilenen görünümü, durum değişkenlerini ve animasyon değiştiricilerini sağlayın.
  • Platform kısıtlarıDağıtım hedefini ve kurulu SDK ya da Xcode sürümünü belirtin.
  • İstenen davranışTetikleyiciyi, ara hareketi, son durumu ve azaltılmış hareket beklentisini açıklayın.

03 Önemli Kararlar

Sonucu Etkileyen Kararlar

  1. Doğru API seçimi

    Karar ağacı, yüzeyde benzer görünen animasyon görevlerini ayırır.

  2. Daha az imza hatası

    Yay API aileleri ve animatör closure yapıları özellikle incelenir.

  3. Düşük maliyetli kare güncellemeleri

    İnceleme, render closure'ları içinde tekrarlanmaması gereken işlemleri işaretler.

04 Örnek Görev Tanımı

Odaklı Bir İş Tanımı Deneyin

Aşağıdaki örnek brif test edilmemiştir. Kullanmadan önce skill'in kurulumunu kontrol edin.

Kaynağı ve Kurulumu İnceleyin

Etkilenen görünümü, durum değişkenlerini ve animasyon değiştiricilerini sağlayın.

Üst Kaynak Dosyası
https://github.com/rshankras/claude-code-apple-skills/blob/9ffb83138209057875698dd11c1720c657c47a92/skills/design/animation-patterns/SKILL.md

Aşağıdaki referans özgün yönergeleri açar. Kullanmadan önce deponun kurulum gereksinimlerini inceleyin; bu bir kurulum komutu değildir.

Tek Bir Teslim Çıktısıyla Başlayın

Skill'i çalıştırmadan önce bu brifteki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brif
Genişletilebilir özet kartımın ve ayrıntı görünümüne geçişinin SwiftUI kodunu incelemek için animation-patterns kullan. API seçmeden önce projenin dağıtım hedefini kontrol et. Kartın kendi içindeki genişlemesini gezinme geçişinden ayrı tut ve yay parametrelerinin desteklenen tek bir API nesline ait olduğunu doğrula. Mevcut durum modelini koru. Sonucu anlaşılır tutan bir azaltılmış hareket alternatifi ekle; her karede çalışan closure'lardaki biçimlendirme veya bellek ayırma işlemlerini belirle. Hedefe yönelik düzeltmeler sun ve tekrar tekrar etkinleştirmeyi, tamamlanmayı ve ayrıntıdan listeye dönüşü nasıl test edeceğimi açıkla.

Sonucu İnceleyin

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

  • API imzalarını projenin SDK'sı ve dağıtım hedefiyle karşılaştırarak doğrulayın.
  • Duruma bağlı eklemeyi, gezinme kapsamını ve tekrar tekrar etkinleştirmeyi test edin.
  • Azaltılmış hareketi inceleyin ve her karede çalışan closure'larda ağır işlemlerden kaçının.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu listeleme, skill'in paketle birlikte geldiği veya harici araçlarının, kimlik bilgilerinin ve yazılım bağımlılıklarının dahil olduğu anlamına gelmez.

OpenDesign İndirHızlı Başlangıcı Oku

05 Kaynak ve Lisans

Kaynak ve Lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak revizyonunu açıklar. Upstream davranışı ve gereksinimleri değişebilir.

Kaynak Sahibi
rshankras
Depo
rshankras/claude-code-apple-skills
Skill Dosyası
SKILL.md
Lisans
MIT
İncelenen Sürüm
2026-11-02 · 9ffb83138209
Editoryal Kaynak Özeti
Yerel arayüzler için SwiftUI animasyon API'lerini seçin ve inceleyin.

Bağlantılı kaynağa dayanan, OpenDesign tarafından hazırlanmış özgün özet. Depo yıldızları tarihli bir popülerlik göstergesidir; skill kullanımını veya kalite puanını göstermez.

06 Başlamadan Önce Sorular

Başlamadan Önce Sorular

Yerel bir geometri geçişi, gezinme yakınlaştırmasıyla aynı mı?

Kaynak bunları farklı API'ler ve kapsamlara sahip ayrı görevler olarak ele alır. Geçişin bir görünüm içinde mi yoksa gezinme sırasında mı gerçekleştiğine göre seçim yapın.

Yay parametre adları karıştırılabilir mi?

Kaynak, eski ve yeni yay yapılandırma ailelerinin farklı parametre birleşimleri kullandığını vurgular. Desteklenen tek bir imzayı tutarlı biçimde kullanın.

Web animasyonları uygular mı?

Hayır. Kapsamı SwiftUI ve ilgili yerel Apple animasyon örüntüleridir; bu ortam için sürüm ve erişilebilirlik kontrollerini de içerir.

OpenDesign

İş Tanımınızı ve Tasarım Çalışmanızı Bir Arada Tutun.

Brifinizi, kaynak materyalinizi ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce skill'in kendi kurulumunu kontrol edin.

OpenDesign İndirTasarım Skill'lerine Göz At
Üst Kaynak Dosyası
https://github.com/rshankras/claude-code-apple-skills/blob/9ffb83138209057875698dd11c1720c657c47a92/skills/design/animation-patterns/SKILL.md