gsap-awwwards-website
SPYLT product landing with GSAP scroll animations, React 19, and Tailwind CSS 4.
How do I install this agent skill?
npx skills add https://github.com/rebyteai-template/rebyte-skills --skill gsap-awwwards-websiteIs this agent skill safe to install?
- Gen Agent Trust Hubwarn
The skill clones a template from an external GitHub repository and executes installation and build commands. This involves downloading and running code from a source that is not verified as a trusted vendor.
- Socketpass
No alerts
- Snykfail
Risk: HIGH · 2 issues
- Runlayerwarn
1/1 file flagged
What does this agent skill do?
GSAP Awwwards Website
A stunning product landing page with GSAP scroll animations, modern React 19 architecture, and Tailwind CSS 4 styling.
Tech Stack
- Framework: React 19
- Build Tool: Vite
- Animation: GSAP
- Styling: Tailwind CSS 4
- Package Manager: npm
- Output:
distdirectory - Dev Port: 5173
Setup
1. Clone the Template
git clone --depth 1 https://github.com/Eng0AI/gsap-awwwards-website-template.git .
If the directory is not empty:
git clone --depth 1 https://github.com/Eng0AI/gsap-awwwards-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 - no environment variables needed
- Never run
npm run devin VM environment
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/rebyteai-template/rebyte-skills/gsap-awwwards-website">View gsap-awwwards-website on skillZs</a>