Автор и репозиторий
Автор — AI Skill Store. Репозиторий собрал 368 звёзд на GitHub. Лицензия указана в репозитории. Файл framer-motion.md открыт: прочитать его можно до установки.
Открыть репозиторий
Скилл · Разработка
Framer Motion
Анимации в React декларативно: описал состояния, получил переход.
О скилле
Что делает
Библиотека анимаций с подходом «опиши начальное и конечное состояние, остальное сделаю сам» вместо ручных кадров. Поддерживает появление и исчезновение элементов, жесты — перетаскивание, наведение, нажатие, — анимацию перестроения раскладки и эффекты при прокрутке. Разработчику даёт профессиональное движение несколькими строками.
Источник
Откуда скилл и как поставить
Установка в Claude Code
Склонируйте репозиторий в ~/.claude/skills/ и перезапустите Claude Code — скилл подхватится сам. Дальше просто попросите ассистента использовать «Framer Motion».
Cursor и другие редакторы
Скопируйте содержимое SKILL.md в системные правила проекта. Скиллы не запускают код — это текстовые инструкции, которые меняют поведение модели.
Хотите внедрить, но некогда разбираться?
Подберу скиллы под вашу задачу, поставлю и покажу на живом примере — быстрее, чем читать документацию.
Получить консультацию
Рядом на полке
Похожие скиллы
motion-ui.md★ 220k
Motion UI
Полная система анимации интерфейса одним набором
Affaan M. · MIT
motion-foundations.md★ 218k
Motion Foundations
Базовый слой анимации: переменные движения, пружины, доступность
Affaan M. · MIT
ui-design-styling.md★ 1.2k
UI Design Styling
Дизайн-паттерны браузерной ОС ryOS: стиль, анимации
ryokun6
motion-patterns.md★ 220k
Motion Patterns
Готовые анимации компонентов: кнопки, окна, уведомления, переходы
Affaan M. · MIT
emilkowalski-motion.md★ 69k
Emilkowalski Motion
Продуктовые анимации и микровзаимодействия по школе Эмиля Ковальски
nexu-io · Apache-2.0
figma-implement-design.md★ 67k
Figma Implement Design
Читает Figma-файл и переносит дизайн в боевой код
nexu-io / open-design · Apache-2.0
Дальше
Куда идти дальше
Категория «Разработка»
Самая большая полка каталога: написание и ревью кода, рефакторинг, отладка, архитектура, работа с фреймворками.
Ко всем скиллам категорииСловарь терминов
Промпт, токен, MCP, агент — 44 понятия простыми словами, если что-то на этой странице звучит незнакомо.
Открыть словарьГайды
Пошаговые разборы: от первого промпта до своих агентов и автоматизации.
К каталогу гайдов
Вопросы
Частые вопросы
Что делает скилл Framer Motion?
Анимации в React декларативно: описал состояния, получил переход. Это Agent Skill — текстовое расширение для Claude Code и Cursor: подключается файлом SKILL.md и меняет поведение ассистента, кода внутри нет. Темы скилла: framer-motion, react, animation, ui, transitions.
Как установить Framer Motion?
Склонируйте репозиторий автора в папку скиллов: git clone https://github.com/aiskillstore/marketplace ~/.claude/skills/framer-motion — и перезапустите Claude Code, он подхватит скилл сам. В Cursor и похожих редакторах скопируйте содержимое SKILL.md в правила проекта. Перед установкой файл стоит прочитать: это обычный текст.
Это бесплатно?
Да. Скилл «Framer Motion» открыт: автор — AI Skill Store, скачивается из официального репозитория без регистрации. Лицензия указана в репозитории. На этой странице ничего покупать не нужно — каталог часть моего раздела «Обучение».
Нужен такой результат в вашей работе?
Напишите, чем занимаетесь, — скажу, закроет ли задачу этот скилл или собрать решение под вас.
Получить консультациюПн–Вс, 10:00–20:00. Отвечаю лично.