Создавайте доступные анимации GSAP
Современные веб-анимации могут вредить производительности и доступности, если реализованы без четких ограничений. Этот навык дает Claude практические паттерны GSAP, шаги тестирования и проверки перед запуском для качественной работы с анимацией.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "gsap-animations" from https://skillstore.io/skills/crazyswami-gsap-animations.md and its manifest at https://skillstore.io/api/skills/crazyswami-gsap-animations/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «gsap-animations». Добавить card-анимации, запускаемые при прокрутке, на landing page.
Ожидаемый результат:
Использование «gsap-animations». Проверить эту hero animation перед запуском.
Ожидаемый результат:
Использование «gsap-animations». Настроить GSAP в теме WordPress.
Ожидаемый результат:
All static findings were assessed as false positives in documentation examples and checklists. The skill contains GSAP setup guidance, code snippets, and reference links, with no evidence of command execution, data exfiltration, prompt injection, or screenshot upload behavior.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/crazyswami-gsap-animations/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/crazyswami-gsap-animations?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/crazyswami-gsap-animations?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/crazyswami-gsap-animations/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/crazyswami-gsap-animations.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>CrazySwami. (2026). gsap-animations security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/crazyswami-gsap-animations/audits/10@techreport{crazyswami-crazyswami-gsap-animations-2026,
author = {CrazySwami},
title = {gsap-animations security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/crazyswami-gsap-animations/audits/10},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "gsap-animations security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
- name: "CrazySwami"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/crazyswami-gsap-animations/audits/10"
identifiers:
- type: other
value: "skillstore:crazyswami-gsap-animations:audit:10"
description: "Skillstore immutable audit report identifier"
Используйте навык, чтобы спроектировать эффекты fade, stagger и parallax, которые сохраняют контент usable без JavaScript.
Примените чеклист для reduced motion, производительности, поведения на мобильных устройствах и готовности к визуальному QA.
Следуйте примерам enqueue и структуре зависимостей для GSAP core, ScrollTrigger и файлов анимации темы.
Используйте этот навык, чтобы добавить простую GSAP fade-in анимацию для моей секции. Учитывайте reduced motion и сохраняйте контент видимым без JavaScript.
Используйте этот навык, чтобы создать анимации ScrollTrigger с разным поведением на десктопе и мобильных устройствах. Включите cleanup и обработку refresh.
Используйте этот навык, чтобы проверить мой код GSAP-анимации на layout thrashing, чрезмерное количество triggers, отсутствующий cleanup и проблемы с reduced-motion.
Используйте этот навык, чтобы сделать мои анимации надежными для скриншотов Playwright и визуального QA на разных размерах viewport.
Автор
CrazySwamiЛицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Ссылка
7db9b9f06e0ab79c575b58bc48c4d8dc9849f424
Актуальность поддержки
21.07.2026
Использование
4 загрузок · 326 просмотров
Структура файлов
📄 SKILL.md
Создание надежных тестов TypeScript
Тестирование React-приложений может быть медленным, когда селекторы и паттерны непоследовательны. Этот навык помогает писать тесты Playwright, Vitest и Storybook, опираясь на стабильные данные проекта.
Улучшение качества кода TypeScript
Командам TypeScript и React нужны единые проверки качества до отправки изменений. Этот навык дает Claude, Codex и Claude Code сфокусированные стандарты ревью и рекомендации по исправлениям.
Анализ тестовых целей WordPress
При тестировании тем WordPress часто упускают формы, шаблоны, навигацию и динамический контент. Этот навык извлекает практические тестовые цели для планирования E2E.
Координация сборки и аудита сайтов WordPress
Проекты WordPress требуют настройки, аудита, SEO, тестирования и передачи клиенту с использованием нескольких инструментов. Этот навык координирует эти этапы и вызывает связанные навыки WordPress.
Создание руководств по фирменному стилю для веб-сайтов
У команд часто нет четкой фиксации фирменных цветов, шрифтов, изображений и правил адаптивности. Этот skill превращает ресурсы сайта и входные данные бренда в структурированное содержимое руководства для рабочих процессов Claude, Codex и Claude Code.
Создавайте более безопасные плагины и темы WordPress
Проектам WordPress нужны безопасные паттерны, быстрые запросы и согласованная структура. Этот навык дает Claude, Codex и Claude Code практические рекомендации и шаблоны для разработки тем и плагинов.
Build Accessible Tailwind Interfaces
от nextlevelbuilder
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Аудит веб-доступности на соответствие WCAG
от 89jobrien
Пробелы в доступности могут блокировать пользователей и создавать риски несоответствия требованиям. Этот навык помогает проводить аудиты WCAG, проверки со скринридерами, тестирование с клавиатуры и планирование исправлений.
Улучшайте UX с помощью дизайн-рекомендаций на основе исследований
от shubhamsaboo
Команды часто проектируют сценарии на основе предположений и упускают проблемы доступности. Этот навык помогает с исследованиями, структурой, дизайном взаимодействия и ревью, используя лучшие практики UX.
Check designs with deterministic CSS rules
от cubha
Design reviews can vary between reviewers and slow down delivery. This skill applies repeatable checks to HTML and CSS so teams can catch token, layout, and accessibility issues before release.
Проектируйте доступные интерфейсы продуктов
от sickn33
Командам часто сложно преобразовать потребности пользователей в согласованные и доступные интерфейсы. Этот навык помогает с исследованиями, сценариями, дизайн-системами, токенами и передачей в разработку.
Создание контекста проекта Apple HIG
от sickn33
Проектам для платформ Apple нужен общий дизайн-контекст, прежде чем рекомендации HIG станут полезными. Этот навык собирает сведения о продукте, платформе, технологиях, доступности и дизайне в переиспользуемый документ контекста.