nomaan5541

2 — Design skill for Claude Code

Design community

Build a high-fidelity, responsive, dark-themed hero section for a SaaS product called "Taskora" using React, Tailwind CSS, and Framer Motion (for entrance animations).

How to install 2

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

Terminal

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

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

What 2 does

Build a high-fidelity, responsive, dark-themed hero section for a SaaS product called "Taskora" using React, Tailwind CSS, and Framer Motion (for entrance animations).

Visual Style & Assets Theme: Dark mode base (#050505) with white text. Background Video: Use this video URL as a full-screen background loop. Set it to opacity-50 and add a gradient overlay (black/60 to #050505) so it fades seamlessly into the background at the bottom: https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOtt

Alternatives in Design

Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
Doc — Read, create, and edit .docx documents with formatting and layout fidelity 14.6k ★
Studio — Launch the local design Studio — a live token editor over the latest extraction 3.6k ★