·awwwards-animations
</>

awwwards-animations

Профессиональные навыки анимации React для создания анимации уровня Awwwards/FWA с использованием GSAP (useGSAP), Motion (Framer Motion), Anime.js и Lenis. Используйте при создании премиальных возможностей прокрутки, пользовательских курсоров, переходов страниц, текстовой анимации, эффектов параллакса, микровзаимодействий или любой анимации, которая должна иметь частоту 60 кадров в секунду и достойную награды. Триггеры по запросам на плавную прокрутку, ScrollTrigger, магнитные эффекты, анимацию показа, горизонтальную прокрутку, точечные секции, эффекты шатания, useScroll, useTransform, интеграцию с Three.js/WebGL, алгоритмическое искусство, математическое искусство, генеративное искусство, фракталы, L-системы, поля потока, странные аттракторы, сакральная геометрия, геометрические головоломки, диссекции Дьюдени, танграм, тесселяции, плитки Пенроуза, кинетическая типографика, эффекты сбоев, взрыв текста, морфирующийся текст, круговой текст, бруталистский дизайн, минималистская анимация, необрутализм или смешение философии дизайна. Подход, ориентированный на реакцию, с правильной очисткой и перехватами.

249Установки·25Тренд·@devmartinese

Установка

$npx skills add https://github.com/devmartinese/awwwards-animations-skill --skill awwwards-animations

Как установить awwwards-animations

Быстро установите AI-навык awwwards-animations в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/devmartinese/awwwards-animations-skill --skill awwwards-animations
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: devmartinese/awwwards-animations-skill.

Create premium web animations at Awwwards/FWA quality level. React-first approach. 60fps non-negotiable.

| Scroll-driven animations | GSAP + ScrollTrigger + useGSAP | Industry standard, best control | | Smooth scroll | Lenis + ReactLenis | Best performance, works with ScrollTrigger | | React-native animations | Motion (Framer Motion) | Native React, useScroll/useTransform | | Simple/lightweight effects | Anime.js 4.0 | Small footprint, clean API |

| Complex timelines | GSAP | Unmatched timeline control | | SVG morphing | GSAP MorphSVG or Anime.js | Both excellent | | 3D + animation | Three.js + GSAP | GSAP controls Three.js objects | | Page transitions | AnimatePresence or GSAP | Motion for React, GSAP for complex | | Geometric shapes (vector) | SVG + GSAP/Motion | Native, animable |

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/devmartinese/awwwards-animations-skill --skill awwwards-animations
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-11
Обновлено
2026-03-10

Browse more skills from devmartinese/awwwards-animations-skill

Короткие ответы

Что такое awwwards-animations?

Профессиональные навыки анимации React для создания анимации уровня Awwwards/FWA с использованием GSAP (useGSAP), Motion (Framer Motion), Anime.js и Lenis. Используйте при создании премиальных возможностей прокрутки, пользовательских курсоров, переходов страниц, текстовой анимации, эффектов параллакса, микровзаимодействий или любой анимации, которая должна иметь частоту 60 кадров в секунду и достойную награды. Триггеры по запросам на плавную прокрутку, ScrollTrigger, магнитные эффекты, анимацию показа, горизонтальную прокрутку, точечные секции, эффекты шатания, useScroll, useTransform, интеграцию с Three.js/WebGL, алгоритмическое искусство, математическое искусство, генеративное искусство, фракталы, L-системы, поля потока, странные аттракторы, сакральная геометрия, геометрические головоломки, диссекции Дьюдени, танграм, тесселяции, плитки Пенроуза, кинетическая типографика, эффекты сбоев, взрыв текста, морфирующийся текст, круговой текст, бруталистский дизайн, минималистская анимация, необрутализм или смешение философии дизайна. Подход, ориентированный на реакцию, с правильной очисткой и перехватами. Источник: devmartinese/awwwards-animations-skill.

Как установить awwwards-animations?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/devmartinese/awwwards-animations-skill --skill awwwards-animations После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/devmartinese/awwwards-animations-skill

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-11

Похожие навыки

Нет