15
Description
Build a Next.js 14 portfolio landing page with a full-screen hero section and an animated loading screen. The entire site uses a dark theme. Here is the exact specification: Tech Stack Next.js 14 (App Router) + TypeScript Tailwind CSS v3 with CSS custom properties for theming GSAP for hero entrance animations Framer Motion (AnimatePresence, motion) for the loading screen Google Fonts: Inter (body, variable --font-body) and Instrument Serif (display/headings, variable --font-display, weight 400,
Installation
Installs to ~/.claude/skills/nomaan5541-motionsites-prompt-collection-15/SKILL.md
mkdir -p ~/.claude/skills/nomaan5541-motionsites-prompt-collection-15 && curl -fsSL https://raw.githubusercontent.com/nomaan5541/motionsites-prompt-collection/HEAD/prompts/15.md -o ~/.claude/skills/nomaan5541-motionsites-prompt-collection-15/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
Full documentation available on GitHub
View Source RepositoryRelated Skills
Auto Update
Pull the latest ECC repo changes and reinstall the current managed targets.
Ecc Guide
Navigate ECC's current agents, skills, commands, hooks, install profiles, and docs from the live repository su
Epic Claim
Claim an epic issue, stamp coordination state, and sync local ownership.
Epic Publish
Publish a validated epic update back to the issue and local cache.
Epic Review
Mark epic review requested, approved, or changes requested.
Epic Unblock
Sweep blocked epic issues and reopen anything whose dependencies are closed.