Motion Web — скилл
motion-web
Сайты «с движением в приоритете» на чистом Three.js, Canvas 2D, WebGL и CSS: физика демпфирования, токены, 7 примеров. Лицензия CC BY-NC 4.0
- 710 ★ репозитория
- Последний коммит
Минимальный доступ
Почему такой уровень
- Лицензия CC BY-NC 4.0, коммерция по договоренности
- Тяжелая графика нагружает слабые устройства
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/motion-webОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Лицензия CC BY-NC 4.0, коммерция по договоренности
- Тяжелая графика нагружает слабые устройства
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Motion Web учит агента делать сайты, где движение главное: чистый Three.js, Canvas 2D, WebGL и CSS, физика демпфирования, токены движения и семь примеров. Установка клонированием: `git clone https://github.com/feitangyuan/motion-web.git ~/.claude/skills/motion-web` или в `~/.agents/skills/motion-web`. Лицензия CC BY-NC 4.0, некоммерческая, GitHub показывает NOASSERTION: для коммерческой работы нужна договоренность с автором. Тот же автор, что у OneTake.
Для кого. Для разработчиков и дизайнеров личных проектов, которым нужны сайты с живым движением на чистой графике без тяжелых библиотек.
Подходит, если
- Нужен сайт, где движение важнее текста
- Нужна физика демпфирования и токены движения
- Нужны примеры на Three.js, Canvas и CSS
Не подходит, если
- Нужна коммерческая работа: лицензия некоммерческая
- Нужны готовые компоненты React: здесь чистая графика
Пример запроса к агенту
Сделай лендинг, где логотип плавно следует за курсором с демпфированием, на чистом Canvas 2D без библиотекОграничения
Лицензия CC BY-NC 4.0 запрещает коммерческое использование без согласия автора и требует указания авторства. Сайты с тяжелой графикой нагружают слабые устройства, проверяйте плавность и расход батареи. Доступ минимальный.
Как отключить. Удалите скилл из каталога агента или плагин через менеджер плагинов.
Частые вопросы
Что делает Motion Web?
Учит агента делать сайты с движением на чистом Three.js, Canvas 2D, WebGL и CSS.
Какая лицензия?
CC BY-NC 4.0: коммерческое использование только по договоренности с автором.
Как установить?
git clone https://github.com/feitangyuan/motion-web.git ~/.claude/skills/motion-web.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыMotion.dev Animations Skill
motion-dev-animations-skill
Скилл Claude Code для Motion.dev, продолжения Framer Motion: веб-анимации 120 fps, пружинная физика, анимация по скроллу
Десять справочных скиллов по Three.js: сцена, геометрия, материалы, свет, шейдеры, анимация и постобработка
Web Animation Skills
web-animation-skills
Скиллы веб-анимации: GSAP, SVG, Lottie, микровзаимодействия, переходы между страницами, 60 кадров в секунду. Установка npx skills или плагином
Three.js Awesome Graphics Skills
threejs-awesome-graphics-agent-skills
Пакет скиллов three.js для красивой графики сцен и игр: свет, PBR, шейдеры, TSL и WebGPU, постобработка, частицы
Three.js Architecture Effects
threejs-architecture-effects
Скилл собирает на Three.js облетаемое здание, которое строится само: кирпич, каркас, процедурные материалы. Результат — рабочий сайт на Vite и React
Маркетплейс плагинов и скиллов Claude Code для 3D, анимации и современного веба: Three.js, GSAP, React Three Fiber, Babylon.js
Сравнение с похожими
Записи с тем же главным запросом: чем они отличаются.
| Запись | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Motion Web (эта запись) | нет | 710 | |
| OneTake | нет | 2 153 | видео по описанию, лицензия только некоммерческая |
| Motion Anything | нет | 856 | локальный чат-движок анимации по описанию ощущения |
Коротко о README
README описывает скилл сайтов с движением на Three.js, Canvas 2D, WebGL и CSS с лицензией CC BY-NC 4.0.