build-premium-website

Installation
SKILL.md

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.

Phase 2 — Scaffold

Create the project in the user's preferred projects directory (ask if unclear; default `~/Desktop/websites/<slug>/`):

Installs
2
First Seen
Aug 19, 2026
build-premium-website — poorvith-mp/skills-design