Skill

Fail

Audit score 45

awwwards-landing-page

eng0ai/eng0-template-skills

Source View on skills.sh

How to install awwwards-landing-page

npx skills add https://github.com/eng0ai/eng0-template-skills --skill awwwards-landing-page

Claude Code

Cursor

Windsurf

Cline

Full instructions (SKILL.md)

Source of truth, from eng0ai/eng0-template-skills.

name: awwwards-landing-page description: Designer portfolio with Locomotive Scroll, GSAP, and Framer Motion animations.

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

Related skills

More from eng0ai/eng0-template-skills and the wider catalog.

financial-deep-research

eng0ai/eng0-template-skills

Conduct enterprise-grade financial research with multi-source synthesis, regulatory compliance tracking, and verified market analysis. Use when user needs comprehensive financial analysis requiring 10+ sources, verified claims, market comparisons, or investment research. Triggers include "financial research", "market analysis", "investment analysis", "due diligence", "financial deep dive", "compare stocks/funds", or "analyze [company/sector]". Do NOT use for simple stock quotes, basic company lookups, or questions answerable with 1-2 searches.

614 installs

gsap-awwwards-website

eng0ai/eng0-template-skills

SPYLT product landing with GSAP scroll animations, React 19, and Tailwind CSS 4.

601 installs

r3f-animation

enzed/r3f-skills

React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural motion, or implementing physics-based movement.

818 installs

r3f-fundamentals

enzed/r3f-skills

React Three Fiber fundamentals - Canvas, hooks (useFrame, useThree), JSX elements, events, refs. Use when setting up R3F scenes, creating components, handling the render loop, or working with Three.js objects in React.

874 installs

r3f-geometry

enzed/r3f-skills

React Three Fiber geometry - built-in shapes, BufferGeometry, instancing with Drei. Use when creating 3D shapes, custom meshes, point clouds, lines, or optimizing with instanced rendering.

885 installs

r3f-interaction

enzed/r3f-skills

Handle pointer events, camera controls, and 3D object interactions in React Three Fiber.

2.1k installsAudited