award-winning-website

Q: How do I install award-winning-website?

Run npx skills add https://github.com/rebyteai-template/rebyte-skills --skill award-winning-website in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/award-winning-website/ (personal) or .claude/skills/award-winning-website/ (project).

by rebyteai-templateMedia & Creative

Gaming landing page with GSAP scroll animations, 3D effects, and video storytelling.

Installs: 360
Last 24h: —
Trending rank: —
Security: Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/rebyteai-template/rebyte-skills --skill award-winning-website

01
Install
Run the command in your project. The CLI asks which agents to install for.
02
Describe the task
Ask your agent for something this skill covers. It loads award-winning-website automatically when relevant.
03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

Award-Winning Gaming Website

A visually captivating website with scroll-triggered animations, geometric transitions, 3D hover effects, and video storytelling.

Tech Stack

Framework: React 19
Build Tool: Vite
Animation: GSAP
Styling: Tailwind CSS
Package Manager: npm
Output: dist directory
Dev Port: 5173

Setup

1. Clone the Template

git clone --depth 1 https://github.com/Eng0AI/award-winning-website-template.git .

If the directory is not empty:

git clone --depth 1 https://github.com/Eng0AI/award-winning-website-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template

2. Remove Git History (Optional)

rm -rf .git
git init

3. Install Dependencies

npm install

Build

npm run build

Creates a production build in the dist/ directory.

Deploy

CRITICAL: For Vercel, you MUST use vercel build --prod then vercel deploy --prebuilt --prod. Never use vercel --prod directly.

Vercel (Recommended)

vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN

Netlify

netlify deploy --prod --dir=dist

Development

npm run dev

Opens at http://localhost:5173

Notes

Static React site with no backend - no environment variables needed
Never run npm run dev in VM environment

FAQ

What does the award-winning-website skill do?

Gaming landing page with GSAP scroll animations, 3D effects, and video storytelling.

How do I install award-winning-website?

Run npx skills add https://github.com/rebyteai-template/rebyte-skills --skill award-winning-website in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/award-winning-website/ (personal) or .claude/skills/award-winning-website/ (project).

Which AI agents can use award-winning-website?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is award-winning-website safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains award-winning-website?

It is published by rebyteai-template in rebyteai-template/rebyte-skills. It has 360 recorded installs.