---name: website-buildversion: 1.0.0description: |  Website Build: research-first → landing-page-generator → demo-to-live-protocol → visual-review-non-negotiable → quality-gate → vercel-deployment → client-handoff-protocol  Claude evaluates each gate before proceeding.allowed-tools:  - Bash  - Read  - Write  - Edit  - Agent--- # Website Build ## Overview Sequential 7-step pipeline with evaluation gates. ## Steps ### Step 1: Research **Invoke:** `/research-first`**Purpose:** Competitive analysis + scores.md**Gate:**```bashls scores.md | wc -l  # must be 1```**Output:** scores.md + reference screenshots**→ Next:** Build Page ### Step 2: Build Page **Invoke:** `/landing-page-generator`**Purpose:** High-converting page generation**Gate:**```bashnpx tsc --noEmit && npm run build```**Output:** Working Next.js page**→ Next:** Demo Tags ### Step 3: Demo Tags **Invoke:** `/demo-to-live-protocol`**Purpose:** Tag all invented content [DEMO]**Gate:**```grepgrep -rn "\[DEMO\]" app/ | wc -l  # > 0```**Output:** Tagged demo + CONTENT-NEEDED.md**→ Next:** Visual QA ### Step 4: Visual QA **Invoke:** `/visual-review-non-negotiable`**Purpose:** 4 viewports · scroll video · score ≥ 7.5**Gate:**```bashRead PNG all viewports · record.js footer in final frame```**Output:** Score ≥ 7.5/10 all viewports**→ Next:** QA Gates ### Step 5: QA Gates **Invoke:** `/quality-gate`**Purpose:** All 7 quality gates pass**Gate:**```bashnpx tsc --noEmit && npm run lint && npm run build```**Output:** Gates 1–7 all pass**→ Next:** Deploy ### Step 6: Deploy **Invoke:** `/vercel-deployment`**Purpose:** vercel --prod + alias + live 200**Gate:**```curlcurl -sI <url> | head -1 | grep 200```**Output:** Live URL returning HTTP 200**→ Next:** Handoff ### Step 7: Handoff **Invoke:** `/client-handoff-protocol`**Purpose:** CONTENT-NEEDED.md + Loom walkthrough**Gate:**```grepgrep -rn "\[DEMO\]" app/ | wc -l  # must be 0```**Output:** Client briefed · content swap ready**→ Pipeline complete** ## Execution For each step: invoke → run gate → fix if needed → proceed. ## Save ```bashmkdir -p ~/.claude/skills/pipelines/website-build# paste this file as ~/.claude/skills/pipelines/website-build/SKILL.md```