nomaan5541

6 — Design skill for Claude Code

Design community

Build a high-end, responsive Hero Section for a personal portfolio website using React and Tailwind CSS.

How to install 6

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

Terminal

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

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

What 6 does

Build a high-end, responsive Hero Section for a personal portfolio website using React and Tailwind CSS. The design should feel bold, modern, and energetic.

Global Styles & Theme:

Background: A vertical gradient from a vibrant red-orange [#fd2601] at the top to a lighter orange [#f37e1c] at the bottom.

Typography: Headlines: Use the font "Anton" (or a similar heavy, condensed sans-serif). Text should be massive, uppercase, and tracking wide.

Body/UI: Use "Inter" or a clean sans-serif. Min

Alternatives in Design

Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
Part 3 — Technical Design Document Generator — I'll help you create a Technical Design Document for your MVP 2.1k ★
Brainwave — Learn to create modern websites with sleek parallax effects and bento box layouts 1.9k ★