nomaan5541

3D Studio Pricing — Design skill for Claude Code

Design community

Create a full-screen hero section with a looping video background and a pricing card overlay.

How to install 3D Studio Pricing

Installs to ~/.claude/skills/nomaan5541-motionsites-prompt-collection-3d-studio-pricing/SKILL.md

Terminal

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

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

What 3D Studio Pricing does

Create a full-screen hero section with a looping video background and a pricing card overlay. Use React with Tailwind CSS and Lucide React icons. The font is "Geist" loaded from Google Fonts.

**Video Background:**

Full-screen element, autoplaying, looped, muted, playsInline
Covers the entire viewport with object-cover, positioned object-right on mobile, object-center on md+
Video URL: `https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260702_102608

Alternatives in Design

Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
Weather Orchestrator Command — Fetch the current temperature for Dubai, UAE and create a visual SVG weather card 20.2k ★
Grade — Generate a shareable HTML "Design Report Card" — letter grade, 8 dimensions, evidence (palette, type, rhythm) 3.6k ★