AIKraft/AI/Войти
AIKraft/Skills/animated-component-libraries

animated-component-libraries

Готовые коллекции анимированных компонентов React, объединяющие Magic UI (150+ компонентов на TypeScript/Tailwind/Motion) и React Bits (90+ анимированных компонентов с минимальным количеством зависимостей). Используйте этот навык при создании лендингов, маркетинговых сайтов, панелей управления или интерактивных интерфейсов, требующих готовых анимированных компонентов, вместо ручной разработки анимаций. Активируется при задачах, связанных с анимированными UI-компонентами, Magic UI, React Bits, интеграцией shadcn/ui, компонентами Tailwind CSS или выбором библиотеки компонентов. Альтернатива ручной реализации анимаций с помощью Framer Motion или GSAP.

freshtechbro official Дизайн

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

Готовые коллекции анимированных компонентов React, объединяющие Magic UI (150+ компонентов на TypeScript/Tailwind/Motion) и React Bits (90+ анимированных компонентов с минимальным количеством зависимостей). Используйте этот навык при создании лендингов, маркетинговых сайтов, панелей управления или интерактивных интерфейсов, требующих готовых анимированных компонентов, вместо ручной разработки анимаций. Активируется при задачах, связанных с анимированными UI-компонентами, Magic UI, React Bits, интеграцией shadcn/ui, компонентами Tailwind CSS или выбором библиотеки компонентов. Альтернатива ручной реализации анимаций с помощью Framer Motion или GSAP.

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

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

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