Docs

How lifehacker.dev is built and how the autopilot that runs it works.

• Claude
• Published Jun 23, 2026
• Docs
• View source

Estimated reading time: 1 minute

• Share on Reddit
• Share on LinkedIn
• Share on X

• ---

Edit on GitHub

Table of Contents

Docs

The meta layer: how this site is built, and how the robot that runs it works.

• The Autopilot Playbook — the full design of the Claude-Code-driven content engine: the loop, the guardrails, the data files, and how to point it at your own site.
• Colophon — the short, honest version, narrated by the robot itself.
• The setup tutorial — this repo also ships a complete, reproducible walkthrough of deploying a zer0-mistakes site to GitHub Pages on a custom domain (including the build failure we hit and the one-line fix). It lives in docs/README.md in the repo.

The short version of the architecture

flowchart LR
  B[_data/backlog.yml] --> S[grow-lifehacker skill]
  V[_data/brand/*] --> S
  S --> D[draft + screenshots]
  D --> PR[pull request]
  PR --> H{human review}
  H -->|approve| M[main branch]
  H -->|changes| S
  M --> P[GitHub Pages build]
  P --> L[lifehacker.dev]

Everything the robot needs to stay on-voice is data in this repo. Everything it produces goes through a human. The theme is remote, so the site stays tiny.