Автор и репозиторий
Автор — nexu-io. Репозиторий собрал 69k звёзд на GitHub. Распространяется под лицензией Apache-2.0. Файл gradient-hero.md открыт: прочитать его можно до установки.
Открыть репозиторий
Скилл · Контент и медиа
Gradient Hero
Первый экран с анимированными градиентами и свечением.
О скилле
Что делает
Делает первый экран с анимированными градиентами, сетчатыми фонами из нескольких цветовых точек и эффектами свечения — приём, который последние годы используют многие технологические продукты. Даёт современный вид без самостоятельного подбора цветов и написания анимаций, а дизайнеру — образец кодовой реализации градиента из макета.
Источник
Откуда скилл и как поставить
Установка в Claude Code
Склонируйте репозиторий в ~/.claude/skills/ и перезапустите Claude Code — скилл подхватится сам. Дальше просто попросите ассистента использовать «Gradient Hero».
Cursor и другие редакторы
Скопируйте содержимое SKILL.md в системные правила проекта. Скиллы не запускают код — это текстовые инструкции, которые меняют поведение модели.
Хотите внедрить, но некогда разбираться?
Подберу скиллы под вашу задачу, поставлю и покажу на живом примере — быстрее, чем читать документацию.
Получить консультацию
Рядом на полке
Похожие скиллы
bento-grid.md★ 68k
Bento Grid
Плиточная раскладка из карточек разного размера
nexu-io · Apache-2.0
ai-designer-portfolio.md★ 69k
AI Designer Portfolio
Одностраничное портфолио дизайнера: структура, тексты, вёрстка
nexu-io · MIT
frame-liquid-bg-hero.md★ 69k
Frame Liquid Bg Hero
Жидкий анимированный фон первого экрана
nexu-io · Apache-2.0
poster-hero.md★ 69k
Poster Hero
Кинематографичные постеры с редакционной типографикой
nexu-io · Apache-2.0
pricing-table.md★ 69k
Pricing Table
Блок тарифов: сравнение, выделение плана, переключение периода
nexu-io · Apache-2.0
testimonial-card.md★ 68k
Testimonial Card
Блок отзывов: карточки, карусели, бегущая строка
nexu-io · Apache-2.0
Дальше
Куда идти дальше
Категория «Контент и медиа»
Тексты, посты, сценарии, презентации, картинки и видео.
Ко всем скиллам категорииСловарь терминов
Промпт, токен, MCP, агент — 44 понятия простыми словами, если что-то на этой странице звучит незнакомо.
Открыть словарьГайды
Пошаговые разборы: от первого промпта до своих агентов и автоматизации.
К каталогу гайдов
Вопросы
Частые вопросы
Что делает скилл Gradient Hero?
Первый экран с анимированными градиентами и свечением. Это Agent Skill — текстовое расширение для Claude Code и Cursor: подключается файлом SKILL.md и меняет поведение ассистента, кода внутри нет. Темы скилла: hero, gradient, animation, landing-page, tailwind.
Как установить Gradient Hero?
Склонируйте репозиторий автора в папку скиллов: git clone https://github.com/nexu-io/open-design ~/.claude/skills/gradient-hero — и перезапустите Claude Code, он подхватит скилл сам. В Cursor и похожих редакторах скопируйте содержимое SKILL.md в правила проекта. Перед установкой файл стоит прочитать: это обычный текст.
Это бесплатно?
Да. Скилл «Gradient Hero» открыт: автор — nexu-io, скачивается из официального репозитория без регистрации. Распространяется под лицензией Apache-2.0. На этой странице ничего покупать не нужно — каталог часть моего раздела «Обучение».
Нужен такой результат в вашей работе?
Напишите, чем занимаетесь, — скажу, закроет ли задачу этот скилл или собрать решение под вас.
Получить консультациюПн–Вс, 10:00–20:00. Отвечаю лично.