skillZs
LIVE SKILL TAGS
>>> LIVE SKILLS INDEX <<<
* OPEN SOURCE *
NO LOGIN, NO TRACKING
REAL INSTALL DATA
← back to all skills
rebyteai-template/rebyte-skills16 installs

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-page
view source ↗

Is 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 --prod then vercel deploy --prebuilt --prod. Never use vercel --prod directly.

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 dev in VM environment

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>