awwwards-landing-page
Designer portfolio with Locomotive Scroll, GSAP, and Framer Motion animations.
How do I install this agent skill?
npx skills add https://github.com/rebyteai-template/rebyte-skills --skill awwwards-landing-pageIs this agent skill safe to install?
- Gen Agent Trust Hubfail
The skill clones a repository from an untrusted external source and immediately runs installation commands, which can lead to remote code execution via malicious npm package hooks. It also uses sensitive environment variables in shell commands, posing a credential exposure risk.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
- Runlayerwarn
1/1 file flagged
What does this agent skill do?
Awwwards Landing Page
A stunning portfolio landing page with smooth scroll animations using Locomotive Scroll, GSAP, and Framer Motion.
Tech Stack
- Framework: Next.js
- Animation: Locomotive Scroll, GSAP, Framer Motion
- Package Manager: pnpm or npm
- Dev Port: 3000
Setup
1. Clone the Template
git clone --depth 1 https://github.com/Eng0AI/awwwards-landing-page-template.git .
If the directory is not empty:
git clone --depth 1 https://github.com/Eng0AI/awwwards-landing-page-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
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
Development
npm run dev
Opens at http://localhost:3000
Notes
- Static Next.js 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/awwwards-landing-page">View awwwards-landing-page on skillZs</a>