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…
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.