mcpField
A
award-winning-website

award-winning-website

github.com/rebyteai-templateDesign & UI17360 installsUpdated 19w ago
Repository

About award-winning-website

award-winning-website is a skill for building a static gaming website with React 19, Vite, GSAP, and Tailwind CSS. It provides a template setup and build and deployment instructions, with scroll-triggered animation, geometric transitions, 3D hover effects, and video storytelling.

Key features

  1. 01Set up the React 19 and Vite template
  2. 02Create scroll-triggered animations with GSAP
  3. 03Use geometric transitions and 3D hover effects
  4. 04Build production files in the dist directory
  5. 05Deploy using Vercel or Netlify instructions

Use cases

  1. 01Create a gaming website from the template
  2. 02Add animated scrolling and hover interactions
  3. 03Build a static React site for production
  4. 04Deploy the generated site to Vercel or Netlify

Install

Copy the command and run it in a terminal.

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

After installing, type/award-winning-websitein Claude Code to confirm it loaded.

Details

From the project README

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

Comments

Markdown supported