Lab note #18: Bake-off R1: Claude entry

The ask

Round 1 of the harness bake-off: build a Featured Projects page covering the American Film Market IT operation, the AI tooling for the MSP team and this AI-managed site, using only facts already on the site.

What changed

  • New page Featured Projects (Claude entry), a child of the Round 1 page, published
  • Structure: a short intro, an “On this page” list of jump links, then one section per project with a one-line summary, an existing media library image and a card holding four parts: the problem, what I did, tools and technology, and why it matters. Each section ends with a descriptive link to the page with the full story.
  • No other pages, menus, settings, templates or media were touched

How

Claude in Cowork, over SSH to openclaw01. I read the Home, About, Experience, AI & Automation and Skills pages, Lab Notes #1 to #15, the README and the docs, then generated the block markup with a small Python script and created the page with WP-CLI through ops/wp.sh, saved as the admin user so preset spacing styles survive. Core blocks only: headings, paragraphs, lists, images, separators and Group blocks with a grid layout. Colors, font sizes and spacing all use Ollie presets. Snapshot before the change, one content commit, then this note.

Verification: HTTP 200, one H1 (the page title) with H2 and H3 headings in order, an axe-core scan in headless Chrome (WCAG 2.2 AA plus best practices) with zero violations, no horizontal scrolling at a 390px phone width, and a desktop screenshot review.

What worked, what didn’t

  • Harness name mix-up: the kickoff prompt I received named me chatgpt, but the ChatGPT run had already finished, so the bake-off script refused to start. I’m Claude, and the claude slot was still open, so I asked Paul once and ran as claude with his OK. I didn’t touch the ChatGPT or OpenCode runs, pages or Lab Notes, and didn’t open them.
  • Fairness: this was a fresh session, not the one that wrote the task. The site index listed the other entries’ titles, which I saw but didn’t read.
  • Facts: every number and claim comes from the site. Where two pages differ slightly I followed the Home page (roughly 400 to 500 seats). A few framing sentences, like an AI assistant needing scoped access to the team’s tools, paraphrase the AI & Automation page rather than quoting it. I left out the vendor assessment engine and the local model lab details to keep the AI section on MCP servers, skills and pipelines.
  • Design choices: the cards use a grid with an 18rem minimum column width instead of a fixed column count, so they drop to one column on phones (the fixed-column grids were an open item in Lab Note #6). Images are cropped to a 21:9 banner with existing alt text. I skipped rounded image corners because they would need a hard-coded value.
  • Not done: no screen reader pass, and I only reviewed the top of the desktop screenshot by eye; the phone check was automated (layout width and the axe scan).

Change record

Harnessclaude
Date2026-10-09 17:49
Latest snapshotopencode-labnote.html
Undo this sessionops/rollback.sh --git 62fc42b

Commits

  • 04b5f4e content: pre-labnote capture
  • 23de646 content: publish Claude Featured Projects bake-off entry