106.9K+Скачать
Перейти к руководству
Animation Patternsавтор rshankras

Animation Patterns Навык.

Выбирайте и проверяйте API анимации SwiftUI для нативных интерфейсов.

  • SwiftUI
  • Платформы Apple
Скачать OpenDesignОткрыть руководство по использованию
Обзор исходных материалов · animation-patternsSKILL.md
Задача Выбирайте и проверяйте API анимации SwiftUI для нативных интерфейсов. Результаты Шаблон анимации SwiftUI, выбранный под конкретное изменение состояния. Перед началом Навык не предоставляет рабочий процесс для CSS, браузера или рендеринга видео.
Редакционное описание · исходные материалы проверены 2026-11-02 · не сгенерированный пример

01 Возможности

Выбирайте и проверяйте API анимации SwiftUI для нативных интерфейсов.

Проверяйте пружинные анимации SwiftUI, фазовые аниматоры и аниматоры ключевых кадров, переходы навигации и уменьшение движения с учётом SDK проекта.

Процесс на основе источникаНе тест выполнения

Принцип работы

animation-patterns — справочник SwiftUI для выбора и проверки API анимации. Он направляет изменения состояния, последовательности фаз, ключевые кадры свойств, вставку представлений и навигационные переходы к разным шаблонам реализации. Также рассматриваются эффекты SF Symbol и визуальные приёмы на основе геометрии.

Исходные материалы сосредоточены на ошибках использования API, способных сорвать реализацию: смешивании параметров пружин разных поколений, неверной области действия перехода и путанице между общей геометрией и масштабированием при навигации. При выборе нужно учитывать доступность API на платформе и минимальную версию ОС проекта, а также режим уменьшения движения и небольшой объём вычислений на каждом кадре.

Ожидаемые результаты

  • Шаблон анимации SwiftUI, выбранный под конкретное изменение состояния.
  • Целевая проверка корректности API и рекомендации по исправлению.
  • Проверки доступности интерфейса для людей с ограниченными возможностями, минимальной версии ОС и производительности на каждом кадре.
Смотреть пример задания

От задания до проверки

  1. 01
    Определите тип анимации

    До выбора API различите интерполяцию состояния, последовательность фаз, таймлайн нескольких свойств, вставку или удаление и навигационный переход.

  2. 02
    Проверьте поколение API и область действия

    Согласуйте имена параметров и формы замыканий с установленным SDK и минимальной версией ОС. Убедитесь, что анимируемое представление действительно участвует в нужном изменении состояния.

  3. 03
    Проверьте взаимодействие и затраты

    Проверьте прерывание, уменьшение движения, поведение при завершении и ресурсоёмкую работу внутри покадровых замыканий. Испытайте реальный интерфейс в целевой среде.

02 Когда использовать

Когда использовать

Навык не предоставляет рабочий процесс для CSS, браузера или рендеринга видео.

Хорошо подходит

  • Анимация SwiftUI не работает или ведёт себя странноМатериалы организованы вокруг распространённых ошибок API и дерева выбора по задачам.
  • Нативному переходу нужна правильная область действияНавык различает локальную геометрию представления и переходы, вызванные навигацией.

Ограничения

  • Инструкции для нативной среды AppleНавык не предоставляет рабочий процесс для CSS, браузера или рендеринга видео.
  • Доступность API нужно подтвердитьТаблица автора — снимок исходных материалов на определённый момент. Реализацию определяют текущие объявления 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. Сохрани существующую модель состояния. Добавь вариант с уменьшением движения, при котором результат остаётся понятным, и найди форматирование или выделение памяти внутри покадровых замыканий. Предоставь целевые исправления и объясни, как тестировать повторное срабатывание, завершение и возврат от подробного представления к списку.

Проверьте результат

Сверьте фактический результат с этими наблюдаемыми критериями.

  • Сверьте сигнатуры API с SDK проекта и минимальной версией ОС.
  • Проверьте вставку представлений по состоянию, область навигации и повторное срабатывание.
  • Проверьте уменьшение движения и избегайте тяжёлой работы в покадровых замыканиях.

OpenDesign предоставляет локальное дизайн-пространство для кодинг-агентов. Этот список не означает, что навык входит в комплект или что его внешние инструменты, учётные данные и программные зависимости включены.

Скачать OpenDesignЧитать краткое руководство

05 Источник и лицензия

Исходные материалы и лицензия

На этой странице описана зафиксированная версия источника по ссылке ниже. Поведение и требования апстрима могут измениться.

Владелец источника
rshankras
Репозиторий
rshankras/claude-code-apple-skills
Файл навыка
SKILL.md
Лицензия
MIT
Проверенный снимок
2026-11-02 · 9ffb83138209
Редакционное резюме источника
Выбирайте и проверяйте API анимации SwiftUI для нативных интерфейсов.

Оригинальное резюме от OpenDesign на основе указанного источника. Звёзды репозитория — датированный показатель популярности, а не использование навыка или оценка качества.

06 Вопросы перед началом

Вопросы перед началом

Локальный переход геометрии — то же самое, что масштабирование при навигации?

Материалы рассматривают их как разные задачи с разными API и областями действия. Выбирайте в зависимости от того, происходит ли переход внутри представления или при навигации.

Можно ли смешивать имена параметров пружин?

Материалы подчёркивают, что старые и новые семейства настройки пружин используют разные сочетания параметров. Последовательно используйте одну поддерживаемую сигнатуру.

Навык реализует веб-анимацию?

Нет. Его область — SwiftUI и связанные нативные паттерны анимации Apple, с проверкой версий и доступности интерфейса для людей с ограниченными возможностями в этой среде.

OpenDesign

Храните задание и работу над дизайном вместе.

Храните задание, исходные материалы и дизайн-работу вместе в локальном рабочем пространстве. Перед добавлением навыка в рабочий процесс проверьте его собственную настройку.

Скачать OpenDesignПросмотреть дизайн-навыки
Исходный файл в репозитории
https://github.com/rshankras/claude-code-apple-skills/blob/9ffb83138209057875698dd11c1720c657c47a92/skills/design/animation-patterns/SKILL.md