AIKraft/AI/Войти
AIKraft/Skills/delight

delight

Добавляет радость и личность в интерфейсы через микро-взаимодействия, анимации и неожиданные детали. Используйте, когда нужно добавить полировку, персонализацию или сделать интерфейс запоминающимся.

pbakaus official Дизайн ★ 76.2k

Что делает навык

Skill добавляет радость, личность и неожиданные детали в интерфейсы через микро-взаимодействия, анимации и копирайтинг, превращая функциональные решения в запоминающийся опыт. Он решает задачу полировки и персонализации, обеспечивая, чтобы интерфейс был не только рабочим, но и приятным, при этом не ухудшая юзабилити.

Когда применять

  • Добавление микро-анимаций и эффектов при наведении или клике на кнопки (например, эффект нажатия или ripple).
  • Создание персонализированных сообщений для состояний загрузки, ошибок или пустых состояний (empty states).
  • Реализация праздничных или контекстных элементов (Easter eggs, сезонные темы, поздравления с достижениями).
  • Настройка звуковых эффектов и визуальных подтверждений успешных действий (чекмарки, конфетти).
  • Разработка интерактивных элементов форм, переключателей и прогресс-баров с тактильной или визуальной отдачей.

Как работает

  1. Вызовите /impeccable и следуйте Context Gathering Protocol; если контекста нет, выполните /impeccable teach.
  2. Определите уместность и стратегию делайта (subtle sophistication, playful personality и т.д.) на основе бренда, аудитории и эмоционального контекста.
  3. Найдите естественные точки для добавления радости: состояния успеха, загрузки, ошибок, пустые состояния или взаимодействия.
  4. Реализуйте микро-взаимодействия, анимации, персонализированный копирайтинг или звуковые сигналы, соблюдая принципы скорости (<1 сек) и доступности.
  5. Проверьте, что делайт не блокирует основную функциональность, не раздражает при повторном использовании и соответствует контексту.
  6. При необходимости уточните у пользователя детали, которые нельзя вывести из кодовой базы (например, тон бренда).

Примеры запросов агенту

Добавь анимацию нажатия и плавного подъема для кнопок в моем интерфейсе, используя CSS transitions.
Напиши игривые, но уместные сообщения для состояния загрузки и ошибок 404, соответствующие стилю нашего продукта.
Реализуй эффект конфетти и анимированный чекмарк при успешном сохранении документа.

Что понадобится

  • Наличие и доступность команды /impeccable (включая /impeccable teach) в репозитории impeccable.
  • Доступ к кодовой базе для анализа контекста, бренда и аудитории.
  • Инструменты разработки интерфейсов (CSS, JS, библиотеки анимации типа Framer Motion, GSAP, Lottie).

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «delight» из репозитория: # https://github.com/pbakaus/impeccable
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r delight/ ~/.claude/skills/delight/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.