·ui-enhance-animate
*

ui-enhance-animate

Комплексно обновляет и совершенствует дизайн пользовательского интерфейса существующего веб-сайта — улучшая макет, типографику, интервалы, глубину, визуальную иерархию и уточнение компонентов — сохраняя при этом существующую цветовую палитру сайта. Также добавляется плавная, шахматная анимация размытия и скольжения вверх с использованием Framer Motion (или CSS, если простой HTML), запускаемая при попадании элементов в область просмотра. Используйте этот навык всякий раз, когда пользователь хочет улучшить, модернизировать, отшлифовать или анимировать существующий веб-сайт или страницу React/HTML. Срабатывает, даже когда пользователь упоминает только «улучшить внешний вид», «анимировать», «улучшить дизайн», «обновить пользовательский интерфейс», «сделать его более современным» или «добавить анимацию прокрутки» — этот навык обрабатывает все это, а не только анимацию.

14Установки·2Тренд·@zaaakher

Установка

$npx skills add https://github.com/zaaakher/agent-skills --skill ui-enhance-animate

Как установить ui-enhance-animate

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

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

Источник: zaaakher/agent-skills.

This skill performs a full design upgrade of an existing website or component. It is NOT just about adding animations — it is a holistic visual refinement pass that touches typography, spacing, layout, depth, micro-interactions, and motion. The existing color palette is preserved; everything else can and should be improved.

Before writing a single line of code, do a thorough read of the existing code. Extract and note:

Apply ALL of the following improvements that are relevant to the site. Be thorough — don't skip sections because they "look okay". Every part of the site should be elevated.

Комплексно обновляет и совершенствует дизайн пользовательского интерфейса существующего веб-сайта — улучшая макет, типографику, интервалы, глубину, визуальную иерархию и уточнение компонентов — сохраняя при этом существующую цветовую палитру сайта. Также добавляется плавная, шахматная анимация размытия и скольжения вверх с использованием Framer Motion (или CSS, если простой HTML), запускаемая при попадании элементов в область просмотра. Используйте этот навык всякий раз, когда пользователь хочет улучшить, модернизировать, отшлифовать или анимировать существующий веб-сайт или страницу React/HTML. Срабатывает, даже когда пользователь упоминает только «улучшить внешний вид», «анимировать», «улучшить дизайн», «обновить пользовательский интерфейс», «сделать его более современным» или «добавить анимацию прокрутки» — этот навык обрабатывает все это, а не только анимацию. Источник: zaaakher/agent-skills.

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

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

Команда установки
npx skills add https://github.com/zaaakher/agent-skills --skill ui-enhance-animate
Источник
zaaakher/agent-skills
Категория
*Креатив
Проверено
Впервые замечено
2026-02-28
Обновлено
2026-03-10

Browse more skills from zaaakher/agent-skills

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

Что такое ui-enhance-animate?

Комплексно обновляет и совершенствует дизайн пользовательского интерфейса существующего веб-сайта — улучшая макет, типографику, интервалы, глубину, визуальную иерархию и уточнение компонентов — сохраняя при этом существующую цветовую палитру сайта. Также добавляется плавная, шахматная анимация размытия и скольжения вверх с использованием Framer Motion (или CSS, если простой HTML), запускаемая при попадании элементов в область просмотра. Используйте этот навык всякий раз, когда пользователь хочет улучшить, модернизировать, отшлифовать или анимировать существующий веб-сайт или страницу React/HTML. Срабатывает, даже когда пользователь упоминает только «улучшить внешний вид», «анимировать», «улучшить дизайн», «обновить пользовательский интерфейс», «сделать его более современным» или «добавить анимацию прокрутки» — этот навык обрабатывает все это, а не только анимацию. Источник: zaaakher/agent-skills.

Как установить ui-enhance-animate?

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

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

https://github.com/zaaakher/agent-skills

Детали

Категория
*Креатив
Источник
skills.sh
Впервые замечено
2026-02-28