The AIM Page — How We Built The Mirror Experiment

How we built the intro page for The Mirror Experiment, introduced the AIM concept, and created a 3-column series grid with lumi green cards — all using WordPress abilities and Obsidian research.

The Starting Point

We had 52 articles, 7 series categories, and no front door. The Mirror Experiment needed an intro page that explained what it was — and we had a concept from J’s morning notes that changed everything.

What We Built

A page at /the-mirror-experiment/ with:

The AIM concept (An Insight Mirror / AI Manual)
A 3-column responsive series grid with 7 cards
Lumi green card borders with subtle glow effects
Links to auto-populated category archive pages

PHASE 1 Research — Reading the Existing Voice

Before writing a word, we read three existing pages to understand how the site already talks about itself.

#1 content-get WP Abilities

mcp__wordpress__content-get → Page 133 (Start Here)

Found: Series descriptions already written in the site’s voice

#2 content-get WP Abilities

mcp__wordpress__content-get → Page 31 (About)

Voice markers: “Not generated — written.” “The infrastructure is the argument.”

#3 content-get WP Abilities

mcp__wordpress__content-get → Page 15 (The Process)

Pattern found: Query Loop blocks filtering by category — the pattern we’d reuse

Then we found J’s AIM note in the Obsidian Inbox:

#4 search_content MCP Obsidian

mcp__obsidian__search_content → “Mirror Experiment” in Influencentricity OS vault

Found: “AIM – An Insight Mirror.md” in 00 Inbox from J

#5 read_file MCP Obsidian

mcp__obsidian__read_file → AIM – An Insight Mirror.md

Key insight: “The AI dialogue is the learning. The AI documentation is the understanding.”

PHASE 2 Building the Page

#6 content-create WP Abilities

mcp__wordpress__content-create → page “The Mirror Experiment”

content: Full block markup with AIM concept + series grid + inline CSS

Page ID 205 (draft)

#7 meta-update-post-meta WP Abilities

mcp__wordpress__meta-update-post-meta → page 205

meta_key: _wp_page_template
meta_value: page-role (no width constraint)

Template assigned

#8 wp post update (SSH) SSH

wp post update 205 –post_name=’the-mirror-experiment’

Slug set. Gap: no slug ability in content-update.

PHASE 3 Lumi Green — The Visual Fix

The cards used color-mix(in srgb, var(--wp--preset--color--contrast) 4%, transparent) for the background — invisible against dark mode.

J’s instruction: “lumi green with a very subtle glow.”

#9 content-search-replace WP Abilities

mcp__wordpress__content-search-replace → page 205

search: color-mix card CSS
replace: rgba(0,255,100,0.03) bg + rgba(0,255,100,0.12) border + glow

Cards now glow green on dark, intensify on hover

The AIM Concept

Three meanings, one acronym:

An Insight Mirror — the reflection that sharpens focus
AI Manual — the AI writing IS the manual
AIM — the target that writes itself

The page doesn’t just describe the experiment. It names the mechanism that makes it work.

What We Learned

Read before you write. The site already had a voice. We extracted it from three existing pages instead of inventing one.
User notes are gold. J’s morning insight (“the AI breaking down its own work creates a massive learning curve acceleration”) became the conceptual core.
Dark mode needs explicit colors. CSS custom properties with color-mix can be invisible against dark backgrounds. Explicit rgba values with low opacity work better.

HOW WE BUILT THIS — Series

How We Built This #2 — 9 tool calls, 0 failures, 1 concept that changed the page.