AGENT SKILLBY REBYTEAI-TEMPLATE
Awwwards landing page
AT A GLANCE
Awwwards landing page is an agent skill for CRO. Designer portfolio with Locomotive Scroll, GSAP, and Framer Motion animations. It is published by rebyteai-template in the rebyteai-template/rebyte-skills GitHub repository (16 stars), which does not specify a license. Install it with: npx skills add rebyteai-template/rebyte-skills --skill awwwards-landing-page
- SOURCE REPOSITORY
- rebyteai-template/rebyte-skills (opens GitHub in a new tab)
- REPO STARS
- SOURCE REPOSITORY
- LICENSE
- Not specifiedCHECK THE REPO
- CATEGORIES
- SKILL.MD SIZE
- 1.3 KB77 LINES
QUICK ANSWER
- WHAT IT IS01
- Designer portfolio with Locomotive Scroll, GSAP, and Framer Motion animations. What sets it apart is how it narrows conversion optimization into one specific workflow rather than a broad, generic prompt.
- INPUTS02
- Context for conversion optimization: your goals, audience, constraints, and any source material the skill asks for.
- OUTPUT03
- A ready-to-use result for conversion optimization: the analysis, copy, or recommendations the agent produces.
INSTALL
One command adds this skill from its source repository.
npx skills add rebyteai-template/rebyte-skills --skill awwwards-landing-pageREAD THE SKILL.MD BELOW BEFORE YOU RUN IT. SKILLS INSTRUCT YOUR AGENT.
SKILL.MD
The full file, as published in the source repository. Copy it, download it or open it on GitHub.
ON THIS PAGE · 11
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_template2. Remove Git History (Optional)#
rm -rf .git
git init3. Install Dependencies#
npm installBuild#
npm run buildDeploy#
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_TOKENNetlify#
netlify deploy --prodDevelopment#
npm run devOpens at http://localhost:3000 (opens in a new tab)
Notes#
- Static Next.js site - no environment variables needed
- Never run
npm run devin VM environment
FAQ
07 QUESTIONS
01What is the Awwwards landing page agent skill?
Designer portfolio with Locomotive Scroll, GSAP, and Framer Motion animations. It is listed under CRO in the 100xLab agent skills directory.
02How do I install Awwwards landing page in Cursor, Claude Code, or Codex?
Run npx skills add rebyteai-template/rebyte-skills --skill awwwards-landing-page in the project where you want it, then ask your agent for the skill by name. The --skill flag installs only Awwwards landing page, not every skill in the repository.
03What does the Awwwards landing page SKILL.md cover?
The SKILL.md includes sections on Tech Stack, Setup, Clone the Template, Remove Git History (Optional), Install Dependencies and Build. Read the full text on this page or in plain markdown at /resources/agent-skills/rebyteai-template-rebyte-skills--awwwards-landing-page--1dxupc/raw.
04Which agents can use Awwwards landing page?
Awwwards landing page installs with the cross-agent skills installer (npx skills add), which sets it up for agents such as Claude Code, Cursor and Codex. Each agent loads the SKILL.md when you ask for the skill by name.
05What license is Awwwards landing page under?
No license was detected on the rebyteai-template/rebyte-skills repository, so the license is not specified. Check with rebyteai-template before you redistribute or build on the skill.
06Is Awwwards landing page free to use?
Reading and installing Awwwards landing page costs nothing, because it is published in a public GitHub repository. The repository specifies no license, so ask rebyteai-template before you reuse or redistribute it.
07Where is the source of Awwwards landing page?
Awwwards landing page comes from https://github.com/rebyteai-template/rebyte-skills, which has 16 GitHub stars. The SKILL.md is at https://github.com/rebyteai-template/rebyte-skills/blob/HEAD/awwwards-landing-page/SKILL.md. The author is rebyteai-template.
Need an agent workflow built around your stack?
Tell us the workflow you want automated. We reply within 4 working hours (IST).
ATTRIBUTION
Awwwards landing page was written by its original authors and is published in rebyteai-template/rebyte-skills (opens GitHub in a new tab) under no license stated in the repository. All rights stay with the original authors.
100xLab did not write, maintain or endorse this skill. This page lists it for discovery. Repo stars belong to the source repository, not to the skill. Review any skill before you install it.