award-winning-website — скилл для Claude Code
Разворачивает шаблон игрового лендинга на React 19 с анимациями GSAP и 3D-эффектами. Пригодится для быстрой вёрстки промо-сайта с интерактивным видеорядом.
npx skills add rebyteai-template/rebyte-skills --skill award-winning-website -a claude-codeЧто делает award-winning-website
Скилл настраивает промо-страницу на базе React 19, Tailwind CSS и сборщика Vite. Проект содержит геометрические переходы и скролл-анимации на базе GSAP. Серверная часть здесь не предусмотрена. Поэтому настраивать переменные окружения не требуется.
Процесс развёртывания клонирует репозиторий шаблона и ставит зависимости через npm. Для локального запуска задействован порт 5173. Инструкция прямо запрещает запускать npm run dev внутри виртуальных машин.
Сборка компилируется в каталог dist/. Если выгружать проект на Vercel, запускать vercel --prod напрямую нельзя: шаблон требует сначала выполнить сборку через vercel build --prod, а затем отправить её командой vercel deploy --prebuilt --prod.
Какие задачи решает
- Развернуть игровой лендинг на React 19 и Vite
- Настроить скролл-анимации и 3D-эффекты через GSAP
- Подготовить статическую сборку для хостинга на Vercel или Netlify
Примеры запросов агенту
- Разверни шаблон award-winning-website в текущей папке и установи зависимости
- Собери проект в папку dist для публикации на Netlify
Как установить award-winning-website
1Через Skills CLI (Vercel)
npx skills add rebyteai-template/rebyte-skills --skill award-winning-website -a claude-code2Вручную: положить файлы
~/.claude/skills/award-winning-website/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/award-winning-website/
1Через Skills CLI (Vercel)
npx skills add rebyteai-template/rebyte-skills --skill award-winning-website -a codex2Вручную: положить файлы
.agents/skills/award-winning-website/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add rebyteai-template/rebyte-skills --skill award-winning-website -a cursor2Вручную: положить файлы
.cursor/skills/award-winning-website/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install rebyteai-template/rebyte-skills award-winning-website2Вручную: положить файлы
.github/skills/award-winning-website/SKILL.md1Через Skills CLI (Vercel)
npx skills add rebyteai-template/rebyte-skills --skill award-winning-website -a gemini-cli2Командой платформы
gemini skills install https://github.com/rebyteai-template/rebyte-skills --path award-winning-websiteВручную: положить файлы
.devin/skills/award-winning-website/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add rebyteai-template/rebyte-skills --skill award-winning-website -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о award-winning-website
Как установить award-winning-website в Claude Code?
Выполните команду npx skills add rebyteai-template/rebyte-skills --skill award-winning-website -a claude-code. Инструкция скилла сохранится в файл ~/.claude/skills/award-winning-website/SKILL.md.
Что делает скилл award-winning-website?
Он передаёт агенту пошаговый сценарий скачивания и сборки игрового сайта с эффектами GSAP на стеке React 19 и Tailwind CSS.
Какие требования к деплою на Vercel есть у этого шаблона?
Нельзя вызывать vercel --prod напрямую. Сначала нужно выполнить vercel build --prod, а затем развернуть пребилд командой vercel deploy --prebuilt --prod.
