Skip to main content
affpapa.org
RU EN
skill CX Codex

award-winning-website — Claude Code skill: what it does

Sets up a gaming landing page template powered by React 19, Vite, and GSAP scroll animations. Helpful when building dynamic visual portfolios or promo sites.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add rebyteai-template/rebyte-skills --skill award-winning-website -a claude-code
Open on GitHub

What award-winning-website does

This skill guides the agent through cloning and configuring an interactive landing page built with React 19, Vite, and Tailwind CSS. The template features GSAP-driven scroll transitions and cursor-driven 3D hover states. Because this is purely a static frontend, environment variables are not needed.

Setup pulls the template repository and installs dependencies with npm. The Vite dev server listens on port 5173. Running npm run dev in VM environments is explicitly prohibited.

Production builds land in the dist folder. When publishing to Vercel, invoking vercel --prod directly will fail to deploy properly. The project requires running vercel build --prod first, followed by vercel deploy --prebuilt --prod.

What it helps with

  • Scaffold a gaming promo website using React 19 and Vite
  • Implement scroll-based animations and 3D hover effects with GSAP
  • Build static assets for deployment to Vercel or Netlify

Example prompts for the agent

  • Set up the award-winning-website template in this folder and install dependencies
  • Build the project for production into the dist folder

How to install award-winning-website

1Skills CLI (Vercel)

npx skills add rebyteai-template/rebyte-skills --skill award-winning-website -a claude-code

2Manually: put the files in place

~/.claude/skills/award-winning-website/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/award-winning-website/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about award-winning-website

How to install award-winning-website in Claude Code?

Run npx skills add rebyteai-template/rebyte-skills --skill award-winning-website -a claude-code. The skill file will be created at ~/.claude/skills/award-winning-website/SKILL.md.

What does the award-winning-website skill do?

It provides procedural instructions for setting up, building, and deploying a modern static gaming showcase site with GSAP animations.

How should this template be deployed to Vercel?

Never deploy with raw vercel --prod. Run vercel build --prod with your token first, then deploy the output using vercel deploy --prebuilt --prod.

Similar skills

All skills for Frontend and UI →
frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. 1,025,790installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. CX Codex +1 678,700installs prototype Matt Pocock Creates throwaway prototypes for checking state logic or exploring UI before committing the decision to the main codebase. 986,201installs hyperframes heygen-com Instructs coding agents on creating, validating, and rendering HTML-based videos using the HyperFrames framework and CLI. CX Codex +1 1,200,000installs hyperframes-cli heygen-com Controls HyperFrames video workflows from the CLI: audits layouts and contrast, edits timeline clips, captures snapshots, and renders locally or in cloud runtimes. CX Codex +1 1,300,000installs webapp-testing official anthropics This skill tests local web apps with Playwright, helping agents debug UI behavior, capture screenshots, and inspect browser logs. 186,758installs

From the same set6

awwwards-landing-page Provides instructions for scaffolding a Next.js designer portfolio with GSAP and Locomotive Scroll. Useful for shipping an animated static site quickly. CX Codex +1 1,300installs financial-deep-research A skill for deep financial research: pulls from many sources, verifies each claim, and packages a cited report. CX Codex +1 978installs gsap-awwwards-website This skill scaffolds a product landing template built on React 19, GSAP scroll animations and Tailwind CSS 4. CX Codex +1 810installs market-data Gives an agent access to historical prices, current quotes, financial news, and company fundamentals. Use it for market analysis or backtesting. CX Codex +1 380installs echarts This skill hands your agent working pyecharts recipes: bars, lines, pies, heatmaps, and a self-contained HTML report. CX Codex +1 364installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor