# How We Built winstondigitalmarketing.com

28-page initial ship in under 8 hours with Claude Code. Then we kept stacking scope. 66 pages, 107 commits, 2 days end-to-end. Output that beats most 6-week traditional agency engagements.

**Stack:** Claude Code · Claude Skills · superpowers plugin · Vanilla HTML/CSS/JS · Cloudflare Pages
**Time:** ~8 hr initial ship · 2 days end-to-end
**Output:** 66 HTML pages · 65 MD twins · 107 commits
**Cost:** ~$200–$400 in API fees over 2 days

## Context

Our pitch to prospective clients is that we are AI-native and ship fast. The hardest test case is the one buyers look at first. Our own site. So we did it live, timed it, and kept the receipts.

This page is that receipt. The commit log is real. The time is real. The stack is named.

## Two phases. Two stories.

Honest framing: we shipped this in two passes. The first pass produced a 28-page launch-ready marketing site in under 8 hours. The second pass kept stacking scope as new ideas landed. Today the site is 66 pages, 107 commits, and 2 days of end-to-end work.

- **Pass one (under 8 hours).** Spec, plan, design system, homepage, 12 service pages, About, Our Work index, Playbooks index, Contact, 404, legal. Plus the Markdown-for-bots edge middleware. The site was production-ready when this pass closed.
- **Pass two (~34 more hours over the next day).** Agentic Workforce flagship service, 10 vertical Playbooks for dental, chiro, plastic surgery, vet, financial, and dispensary verticals. 5 thesis Playbooks from the founder's GEO research. 4 historical blog rewrites preserving GSC traffic. The 8,000-word GEO whitepaper. 11 case studies (7 from Winston's own deck with real metrics, plus 6 from Clutch). The mega menu. NeXT-yellow rebrand. Full entity-graph JSON-LD with Reviews and AggregateRating. GSC-informed redirect map for 49 legacy URLs.

The frame is not "8 hours forever." The frame is "what would have been a 6-week traditional agency engagement, shipped in 2 days." The output exceeded the original scope. Both numbers are honest.

## The approach

We did not vibe-code this site. The method was deliberate.

1. **Brainstorm.** `superpowers:brainstorming` Skill to interrogate the problem before writing any HTML.
2. **Spec.** Design spec at `/docs/superpowers/specs/2026-04-17-winston-site-rebuild-design.md`.
3. **Plan.** 10 phases with explicit deliverables. Tokens, base CSS, partials, homepage, service pages, content pages, schema, middleware.
4. **Execute.** `superpowers:subagent-driven-development`. One subagent per phase, parallel where phases were independent.
5. **Iterate.** Once the launch-ready site was up, we kept dispatching scoped subagents for each new piece (whitepaper, vertical Playbooks, schema graph, case studies). Same pattern, same voice rules, same review gates.

## The first-pass phase-by-phase commit log

| Time (ET) | Commit | What shipped |
|---|---|---|
| 00:05 | scaffold | Repo, spec, plan, directory structure |
| 11:30 | feat(css): tokens | Design tokens |
| 11:30 | feat(css): base | Reset + typography |
| 11:30 | feat(css): components | Cards, buttons, forms |
| 11:31 | feat(js): partials | Nav + footer loader |
| 11:31 | feat(nav) | Nav + mobile toggle |
| 11:31 | feat(footer) | Footer partial |
| 11:31 | feat(js): motion | Motion + copy-code scripts |
| 11:32 | feat(fonts) | Inter + JetBrains Mono |
| 11:32 | docs: shell | Canonical page shell |
| 11:37 | feat(home) | Homepage |
| 11:46 | feat(services) | GEO + SEO + services hub |
| 11:55 | feat(services) | Paid, content, cannabis |
| 11:59 | feat(services) | AI marketing hub + 5 sub-services (parallel) |
| 12:09 | feat(about/playbooks/our-work/contact/404/legal) | All remaining content (parallel) |

First phase-1 commit 11:30:07. Last 12:09:28. Delta = 2,361 seconds = 39.4 minutes inside the first 8-hour project pass.

## What we shipped (cumulative)

- 66 HTML pages across homepage, 13 services, 25 Playbooks, 16 case studies and Receipts, hub pages, legal, and error states
- 65 matching Markdown content twins for AI-bot edge serving
- Cloudflare Pages Function middleware for AI user agent detection
- Complete design system (tokens, components, partials)
- Full JSON-LD entity graph: Organization + ProfessionalService with stable @id, Person with sameAs, WebSite + SearchAction, OfferCatalog, BreadcrumbList on every page, Reviews from Clutch testimonials, AggregateRating
- Sitemap, robots.txt welcoming 15 named AI crawlers
- 15 thesis Playbooks (5 from the founder's GEO research, 4 modernized historical rewrites preserving GSC search equity, 6 vertical Playbooks)
- 10 more vertical Playbooks for dental, chiropractic, plastic surgery, veterinary, financial advisor, and dispensary practitioners
- 8,000-word GEO whitepaper at `/whitepapers/the-new-rules-of-search/`
- 11 case studies (7 deck-sourced with hard metrics, 4 Clutch-imported, plus Sync Show)
- 62-line GSC-informed redirect map preserving search equity for 49 legacy URLs across ~172K impressions
- NeXT Computer logo-yellow rebrand site-wide with regenerated favicon and OG images
- Mega menu under "What We Do" with 4 columns surfacing every service and AI sub-service directly

## Lessons

1. One phase = one subagent kept quality high. A single subagent asked to build the whole site would have degraded by page 15.
2. Parallelizing disjoint phases (3B + 3C; 5A + 5B) cut wall-clock meaningfully. The first-pass 39-minute number depends on this. The second-pass scope additions used the same pattern.
3. The spec doc was the single most valuable artifact. Without it, the subagents would have drifted.
4. The voice-rules block in every prompt was load-bearing. Without it the tone would have regressed to generic agency.
5. The follow-on scope is where the real story lives. Pass one proved we could ship a launch-ready site fast. Pass two proved we could keep stacking high-quality scope on top without degradation.
6. Real numbers beat hype numbers. 39 minutes of execution inside 8 hours of project time inside 2 days end-to-end is defensible. Each layer is checkable in the commit log. "Shipped in minutes" is vapor.

## Related

- [See the service](/services/ai-marketing/)
- [Read the methodology](/playbooks/how-we-built-this-site-in-6-hours/)