build-premium-websitelisted
Install: claude install-skill prvthmpcypher/skills-design
# 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 indust