Skills/Motion Web: сайты, построенные на движении

Motion Web: сайты, построенные на движении

30 января 2026

Проектирует и собирает креативные сайты, где главное — движение: структура, типографика, палитра и хореография взаимодействий на Three.js, Canvas 2D и WebGL.

Описание

АнимацияБесплатно

Проектирует и собирает креативные сайты, где главное — движение: структура, типографика, палитра и хореография взаимодействий на Three.js, Canvas 2D и WebGL.

Название
Motion Web: сайты, построенные на движении
Категория
Анимация
Что умеет
  • задаёт структуру и типографику
  • ставит скролл-анимации
  • использует Three.js и Canvas
  • продумывает хореографию взаимодействий
Источник
feitangyuan/motion-web
Где работает
Claude Code и другие агенты, которые читают .claude/skillsКак устроены навыки
Куда ставить
Навык работает только в текущем проекте.
Как установить
  1. 1Возьмите папку навыка со страницы «Навыки».
  2. 2Положите её в .claude/skills/ проекта или в ~/.claude/skills/ — тогда навык доступен во всех проектах.
  3. 3Откройте новую сессию Claude Code — навык подхватится сам, без перезапуска и записи в конфиге.

Что внутри

mkdir -p .claude/skills
cp -R ./motion-web .claude/skills/
.claude/skills/
└── motion-web/
    └── SKILL.md

Действия

Открыть на GitHubДокументация
НазадАнимации в Expo и React NativeДалееGenjutsu: движение и микровзаимодействия
.claude/skills/motion-web/SKILL.md
  1. 1---
  2. 2name: motion-web
  3. 3description: "Проектирует и собирает креативные сайты, где главное — движение: структура, типографика, палитра и хореография взаимодействий на Three.js, Canvas 2D и WebGL."
  4. 4---
  5. 5​
  6. 6# Motion Web: сайты, построенные на движении
  7. 7​
  8. 8Проектирует и собирает креативные сайты, где главное — движение: структура, типографика, палитра и хореография взаимодействий на Three.js, Canvas 2D и WebGL.
  9. 9​
  10. 10## Что делает
  11. 11​
  12. 12- Задаёт структуру и типографику
  13. 13- Ставит скролл-анимации
  14. 14- Использует Three.js и Canvas
  15. 15- Продумывает хореографию взаимодействий
  16. 16​
  17. 17## Где работает
  18. 18​
  19. 19Claude Code и другие агенты, которые читают .claude/skills.
  20. 20​
  21. 21## Установка
  22. 22​
  23. 231. Положите папку навыка в .claude/skills/motion-web/
  24. 242. Откройте новую сессию Claude Code — навык подхватится сам.