18
Description
Build a fullscreen loading screen component in React (Next.js 14, TypeScript). Uses Framer Motion for animations. Here is the exact specification: Theme css --bg: #0a0a0a; --text: #f5f5f5; --muted: #888888; --stroke: #1f1f1f; Fonts: font-display → Instrument Serif (Google Fonts, italic, weight 400). Component: LoadingScreen Receives one prop: onComplete: () => void. Container: <motion.div> — fixed inset-0 z-[9999] bg-bg. Exit animation: exit={{ opacity: 0 }}, duration 0.6s, ease [0.4, 0,
Installation
Installs to ~/.claude/skills/nomaan5541-motionsites-prompt-collection-18/SKILL.md
mkdir -p ~/.claude/skills/nomaan5541-motionsites-prompt-collection-18 && curl -fsSL https://raw.githubusercontent.com/nomaan5541/motionsites-prompt-collection/HEAD/prompts/18.md -o ~/.claude/skills/nomaan5541-motionsites-prompt-collection-18/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.