nomaan5541

15 — Development skill for Claude Code

Development community

Build a Next.js 14 portfolio landing page with a full-screen hero section and an animated loading screen.

How to install 15

Installs to ~/.claude/skills/nomaan5541-motionsites-prompt-collection-15/SKILL.md

Terminal

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.

What 15 does

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,

Alternatives in Development

Claude Instructions For Local Skill Loading — This file tells Claude how to load skills locally 845 ★
Translate Book — Claude Code skill that translates entire books (PDF/DOCX/EPUB) into any language using parallel subagents 542 ★
Create Check List — agent-input/unsection-hero-sections/ 이미지들에 대해, saaspo-features-checklist.yaml과 동일한 형식의 체크리스트 파일을 초기상태로 생성하고싶다 395 ★