Feel — скилл
Скилл Claude Code для интерактивных компонентов на физике: масса, жесткость и затухание вместо подобранных длительностей анимации.
- 67 ★ репозитория
- Последний коммит
Минимальный доступ
Почему такой уровень
- Скилл генерирует фронтенд-код и запускает локальный демо-сервер и аудит-скрипт на вашей машине.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/feelОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл генерирует фронтенд-код и запускает локальный демо-сервер и аудит-скрипт на вашей машине.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Feel строит интерактивные компоненты из физической модели: массы, жесткости, затухания и полей сил. Вы описываете ощущение, например «тумблер, который чувствуется тяжелым», «ящик с магнитными остановками» или «карточка, которую бросают в угол», и получаете две вещи. Первая: рабочий компонент, где тяжелое отстает от пальца, а отпускание сохраняет реальную скорость тела. Вторая: тестовый стенд, который рисует положение, скорость и поле сил и накладывает предсказание модели на измеренное движение. Фиксированные длительности запрещены правилом: если CSS требует длительность, она вычисляется из модели. Скрипт `scripts/audit.mjs` помечает любые `transition: 300ms`, `cubic-bezier` и таймеры, которые двигают элементы. Пружину можно экспортировать в Framer Motion, react-spring, SwiftUI, Compose или CSS `linear()`.
Для кого. Фронтенд-разработчикам и дизайнерам интерфейсов, которым нужна анимация с ощущением физического предмета без ручной подгонки кривых.
Подходит, если
- Нужен переключатель, который ощущается тяжелым и фиксируется в положениях.
- Выдвижной лист должен останавливаться на нескольких магнитных позициях.
- Поворотная ручка должна иметь фиксаторы и инерцию.
- Существующий код надо проверить на подобранные длительности и кривые.
Не подходит, если
- Нужна простая декоративная анимация появления, где физика избыточна.
- Проект ограничен соглашением по длительностям из дизайн-системы.
- Нужен готовый набор компонентов UI целиком.
Пример запроса к агенту
/feel нижний лист с тремя магнитными остановками, чуть пружинящий, для React.Ограничения
Основной выход скилла нацелен на веб: компоненты на JavaScript и React-хук `useFeel.ts`. Для других платформ скилл отдает экспорт пружины, готовых компонентов там нет. Для проверки запускаются локальный сервер и браузер, поэтому в среде без браузера стенд недоступен. Правило без подобранных длительностей жесткое: проект с фиксированной шкалой из дизайн-системы потребует исключений. В демо четыре компонента, полной библиотеки на все случаи нет.
Как отключить. Удалите папку скилла из `~/.claude/skills/feel`. Добавленные в проект файлы `runtime/` и компоненты удаляются из проекта вручную.
Частые вопросы
Как поставить Feel?
Командой `npx skills add diip3sh/feel` либо клонированием репозитория в `~/.claude/skills/feel`. Затем вызывайте `/feel` с описанием ощущения.
Что проверяет `scripts/audit.mjs`?
Ищет подобранные длительности, `cubic-bezier` и таймеры, которые двигают элементы, и сверяет решатель с точным решением на линейной пружине.
Куда экспортируется пружина?
В Framer Motion, react-spring, SwiftUI, Compose или CSS `linear()` через `Feel.exportCode`.
Как посмотреть пример?
Откройте живое демо на сайте проекта или запустите `python3 -m http.server 8750` в папке репозитория и перейдите на 127.0.0.1:8750.
Какие слова описывают ощущение?
`Feel.words("very heavy, snappy")` превращает описание в параметры тела, а `Feel.metrics` показывает рассчитанные значения.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл оживляет любой рисунок кодом: персонажей, воду, дым, значки и целые сцены в React Native и SwiftUI без ощущения слайд-шоу
Скилл собирает компоненты Framer на Three.js, WebGL и GSAP: 3D, шейдеры и анимация по прокрутке в одном TSX-файле.
Шесть скиллов по Framer Motion для React: компоненты motion, варианты, жесты, скролл, layout-анимации и AnimatePresence
Скилл с готовыми CSS-переходами для веб-интерфейсов: модалки, выпадашки, тосты, лоадеры и десятки других анимаций по правилам подбора
Скилл делает из текста, описания стиля и звука связную анимацию кодом: раскадровка, выбор стиля, Remotion и проверка.
Скилл fun-isometric рисует изометрические стикеры из плоских плит с контуром и оживляет их по настоящим ключевым кадрам.
Коротко о README
Репозиторий содержит скилл, среду выполнения `runtime/feel.js` и `feel.css`, четыре примера компонентов, справочники по моделям, словарю и проверке и аудит-скрипт. Элементы управления стенда следуют Fluid Functionalism и работают на пружинах Feel.