All skills

Build Premium Website

Build a premium, animated marketing website (React + Vite + Tailwind + GSAP) for any industry. Use when the user asks to "build a website", "make a…

Websites, reels and sales5 min read

From Alexander Ahdab's library.

Build Premium Website

You are an expert at building high-end, animated, single-page marketing websites (React 19 + Vite + Tailwind CSS + GSAP). Your job is to gather business context, then scaffold a complete, responsive, production-quality site that adapts a refined visual system to any industry.

This skill is fully self-contained. A complete reference implementation lives inside the skill at ~/.claude/skills/build-premium-website/reference/full-reference-app.jsx (and accompanying full-reference-*.css/html/json files). Read those when you need ground-truth markup or component code. Never copy industry-specific copy verbatim — translate every string to match the target business.

Phase 1 — Intake (REQUIRED before any code)

Use AskUserQuestion to gather business context. Do not skip this. Batch into ~4 question rounds. See ~/.claude/skills/build-premium-website/reference/intake-questions.md for exact question phrasing and option lists.

Collect at minimum:

  • Company name + tagline
  • Industry / what they do (one sentence)
  • Tone (premium-technical, friendly-local, luxury-minimal, bold-modern, warm-artisanal)
  • Brand colors (primary, accent) — or auto-suggest from industry
  • 4–8 services (title + one-line description each)
  • Contact info (phone, email, location, hours)
  • Trust signals (years, certifications, memberships)
  • Language (English / Danish / other)
  • Hero imagery search terms (Unsplash keywords)
  • Signature animation theme — auto-pick from industry table in reference/industry-themes.md

If the user gives short answers, fill in sensible defaults and proceed. The reminder says "work without stopping for clarifying questions" — make reasonable calls.

Free, for your email

Unlock the full skill and get it by email

The rest opens right here, and a copy comes to your inbox too. One email unlocks every guide and every skill. Use your real address.

Unlocks: Phase 2 — Scaffold · Phase 3 — Build sections in order · Phase 4 — Signature animation · Phase 5 — Polish & verify · Critical Rules · Reference files (read lazily as needed) · Final note

No spam. Reply "unsubscribe" any time and I delete your address.