nomaan5541

10 — Development skill for Claude Code

Development community

Create a full-screen hero section with the following exact specifications.

How to install 10

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

Terminal

mkdir -p ~/.claude/skills/nomaan5541-motionsites-prompt-collection-10 && curl -fsSL https://raw.githubusercontent.com/nomaan5541/motionsites-prompt-collection/HEAD/prompts/10.md -o ~/.claude/skills/nomaan5541-motionsites-prompt-collection-10/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What 10 does

Create a full-screen hero section with the following exact specifications:

Layout & Structure:

Full viewport height (h-screen), full width, relative positioning with overflow-hidden
Background color: #070612 (dark purple-black)
Content aligned to the left side, vertically centered
Max-width container (max-w-7xl) with horizontal padding (px-6 lg:px-12)

Background Video: Video Source: HLS stream from https://stream.mux.com/s8pMcOvMQXc4GD6AX4e1o01xFogFxipmuKltNfSYza0200.m3u8

Autoplaying

Alternatives in Development

Create PRD — Create a PRD with 8-section template covering problem to release 7.8k ★
Portaljs Add Chart — Add a chart (line, bar, area, pie, or scatter) to a dataset's showcase in a PortalJS portal 2.3k ★
Tentacle Context Init — You are working on the {{tentacleName}} section 1.4k ★