AI TOOLS RADAR
全部 Skills / REBYTEAI-TEMPLATE
rebyteai-template/rebyte-skills

award-winning-website

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

查看源码

使用方法

  1. 复制安装命令，在自己的智能体环境安装前先检查源码包。
  2. 从原始文档核对所需工具、凭据和支持的宿主。
  3. 说明输入材料与期望交付物，并对照来源检查输出。
npx skills add https://github.com/rebyteai-template/rebyte-skills --skill award-winning-website

开始前需了解

  • 安装不包含模型订阅、API 额度或访问文件的权限。
  • 仓库星数和安装量反映活跃情况，不等于独立质量或安全测试。
仓库原始内容

按源仓库内容呈现，保留标题、案例、代码、表格、链接以及原文引用的演示图片。

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

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

If the directory is not empty:

bash
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)

bash
rm -rf .git
git init

3. Install Dependencies

bash
npm install

Build

bash
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)

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

Netlify

bash
netlify deploy --prod --dir=dist

Development

bash
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

按任务相关推荐

affaan-m
社区

motion-patterns

Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs. Use when animating a specific UI element in React or Next.js — button, modal, toast, stagger, page transition, or scroll.

安装量
3
GitHub Stars
28.6万
最近更新
10月20日
MIT1 文件
查看详情 →

推荐依据: 设计媒体

affaan-m
社区

frontend-design-direction

Set an ECC-specific frontend design direction for production UI work. Use when building or improving websites, dashboards, applications, components, landing pages, visual tools, or any web UI that needs stronger product-specific design judgment.

安装量
3
GitHub Stars
28.6万
最近更新
10月20日
MIT2 文件
查看详情 →

推荐依据: 设计媒体

affaan-m
社区

remotion-video-creation

Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions, charts, transitions, and more. Use when building video in React with Remotion — animations, audio, captions, charts, or transitions.

安装量
6
GitHub Stars
28.5万
最近更新
10月20日
MIT32 文件
查看详情 →

推荐依据: 设计媒体

affaan-m
社区

fal-ai-media

Unified media generation via fal.ai MCP — image, video, and audio. Covers text-to-image (Nano Banana), text/image-to-video (Seedance, Kling, Veo 3), text-to-speech (CSM-1B), and video-to-audio (ThinkSound). Use when the user wants to generate images, videos, or audio with AI.

安装量
3
GitHub Stars
28.6万
最近更新
10月20日
MIT1 文件
查看详情 →

推荐依据: 设计媒体

来自同一仓库

更多 Skills

全部 Skills
rebyteai-template
社区

nano-banana

Generate images from text prompts using Google Nano Banana (Gemini image generation) via eng0 data API. Use when user asks to generate, create, or make images, pictures, illustrations, or artwork from descriptions. Triggers include "generate image", "create image", "make a picture", "draw", "illustrate", "image of", "picture of", "nano banana". Do NOT use for image editing or manipulation of existing images.

安装量
2
GitHub Stars
16
最近更新
6月16日
3 文件
查看详情 →