Summary
This builds a React gaming landing page with GSAP scroll animations, 3D hover effects, and video storytelling elements. You're getting a template repository that comes pre-configured with Vite, React 19, and Tailwind, so you clone it, run npm install, and start customizing. The deployment instructions are specific about Vercel requiring the build-then-deploy approach rather than direct deployment, which saves you from a common gotcha. It's aimed at frontend devs who want a visually impressive starting point without building the animation scaffolding from scratch. The tech choices are modern and the setup is straightforward, though you'll need to bring your own gaming content and branding.
Install to Claude Code
npx -y skills add eng0ai/eng0-template-skills --skill award-winning-website --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Files
SKILL.mdView on GitHub
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:
distdirectory - 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 --prodthenvercel deploy --prebuilt --prod. Never usevercel --proddirectly.
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 devin VM environment
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →First SeenJun 3, 2026
