Навыки review-animations

📦

review-animations

Name: review-animations
Author: emilkowalski

Ревизия содержимого r2 Безопасно ⚙️ Внешние команды

Проверяйте анимации интерфейса с высокой точностью

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

Поддерживает: Claude Codex Code(CC)

🥉 77 Бронза

Установить с помощью моего Агента

Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.

Запрос агента

Review the Skillstore skill "review-animations" from https://skillstore.io/skills/emilkowalski-review-animations.md and its manifest at https://skillstore.io/api/skills/emilkowalski-review-animations/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.

Ресурсы для AI-агентов

Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.

Markdown-детали GET /skills/emilkowalski-review-animations.md Подписанный manifest GET /api/skills/emilkowalski-review-animations/manifest Подписанный lockfile GET /api/skills/emilkowalski-review-animations/lockfile

Протестировать

Использование «review-animations». Проверь выпадающее меню, которое масштабируется из центра за 400 миллисекунд и не обрабатывает уменьшенное движение.

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

Проверка блокирует изменение, рекомендует источник движения с учетом триггера и более короткое отзывчивое время, а также добавляет вариант для уменьшенного движения.

Использование «review-animations». Проверь появление toast-уведомления, реализованное с помощью keyframes и анимации свойств макета.

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

Замените перезапускаемые keyframes на прерываемый переход или пружинную анимацию.
Перенесите анимацию на transform и opacity.
Проверьте быстрые добавления и закрытия без пропущенных кадров.

Использование «review-animations». Проверьте ненавязчивое нажатие кнопки, использующее короткий переход transform и поддерживающее уменьшенное движение.

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

Проверка одобряет анимацию, если ее частота, масштаб и тайминг остаются подходящими для взаимодействия.

Аудит безопасности

Безопасно

v3 • 23.07.2026 Открыть версионный отчет

All 30 static findings are false positives caused by Markdown inline-code spans, documented JavaScript template literals, and ordinary animation terminology. The files provide review guidance and examples without executable commands, reconnaissance behavior, or prompt injection intent.

Просканировано файлов

302

Проанализировано строк

Пункты проверки

Ложные срабатывания проигнорированы

Факторы риска

Последний завершенный статический и семантический аудит не обнаружил подтвержденных проблем безопасности. Это не доказывает отсутствие побочных эффектов у навыка.

Аудитор:: codex Посмотреть историю аудитов →

Поделиться и цитировать этот отчет

Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.

Открыть версионный отчет

Копировать ссылку на отчёт

https://skillstore.io/skills/emilkowalski-review-animations/audits/3?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/emilkowalski-review-animations/security.svg)](https://skillstore.io/skills/emilkowalski-review-animations?utm_source=security_passport_badge)

Значок HTML

<a href="https://skillstore.io/skills/emilkowalski-review-animations?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emilkowalski-review-animations/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Встраиваемая карточка

<iframe src="https://skillstore.io/embed/skills/emilkowalski-review-animations.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Академические ссылки (APA · BibTeX · CFF)

Цитата APA

emilkowalski. (2026). review-animations security audit report (audit version 3) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-review-animations/audits/3

Цитата BibTeX

@techreport{emilkowalski-emilkowalski-review-animations-2026,
  author = {emilkowalski},
  title = {review-animations security audit report (audit version 3)},
  institution = {Skillstore},
  year = {2026},
  number = {3},
  url = {https://skillstore.io/skills/emilkowalski-review-animations/audits/3},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "review-animations security audit report (audit version 3)"
version: "unspecified"
type: report
authors:
  - name: "emilkowalski"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/emilkowalski-review-animations/audits/3"
identifiers:
  - type: other
    value: "skillstore:emilkowalski-review-animations:audit:3"
    description: "Skillstore immutable audit report identifier"

Оценка Skillstore

Почему такая оценка Достоверность доказательств: Высокий

Архитектура

Сопровождаемость

Контент

Сообщество

Соответствие спецификации

Что вы можете построить

Проверить изменение компонента

Проверьте pull request на проблемы с кривыми плавности, длительностью, физическим источником движения, производительностью и доступностью до слияния.

Провести аудит системы анимаций

Сравните общие переходы и паттерны взаимодействия с едиными стандартами анимации во всем продукте.

Проверить качество взаимодействий

Выявите отвлекающую, медленную или ненужную анимацию и получите четкие рекомендации по улучшению.

Попробуйте эти промпты

Проверить одну анимацию

Проверь анимацию в [file or snippet]. Оцени ее назначение, длительность, easing, анимируемые свойства и поддержку reduced-motion. Верни требуемые замечания и вердикт.

Проверить взаимодействие компонента

Проверь анимацию в [component]. Учти частоту срабатывания, transform origin, время появления и исчезновения, ограничение hover и возможность прерывания. Укажи каждый затронутый файл и строку.

Провести аудит производительности жестов

Проведи аудит анимации перетаскивания или жеста в [files]. Оцени обработку указателя, velocity, damping, прерывание, работу основного потока и свойства, подходящие для GPU. Порекомендуй точные изменения.

Проверить полный diff анимаций

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

Лучшие практики

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

Избегать

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

Часто задаваемые вопросы

Что проверяет этот навык?

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

Он пишет код анимаций?

Он сосредоточен на замечаниях по проверке и рекомендуемых заменах. Он не реализует функции или несвязанные исправления.

Какие технологии анимации он может оценивать?

Он может оценивать CSS-переходы, keyframes, использование Web Animations API, пружинные анимации и распространенные паттерны Framer Motion.

Как он работает с уменьшенным движением?

Он проверяет более мягкие альтернативы, которые сохраняют полезную обратную связь, устраняя при этом ненужное движение.

Может ли он одобрить pull request?

Он предоставляет явную рекомендацию одобрить или заблокировать изменения на основе представленных изменений анимации.

Какой контекст улучшает проверку?

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