All Experiments

25 tracked experiments with real data — time, costs, errors, and learnings

    ╔═══════════════════════════════════════════════════════════════════════╗
    ║   RENDER PREVIEW: SEE WHAT THE AI SEES                                ║
    ║                                                                       ║
    ║   ┌─────────────────┐        ┌─────────────────┐        ┌───────────┐ ║
    ║   │    ┌───┐ ┌───┐  │        │    ▓▓▓   ▓▓▓   │        │  photo-   │ ║
    ║   │    │   │ │   │  │   →    │    ▓▓▓   ▓▓▓   │   →    │  realistic│ ║
    ║   │    └───┘ └───┘  │  WASM  │    ▓▓▓▓▓▓▓▓▓   │   AI   │  render   │ ║
    ║   │    ┌─────────┐  │        │    ▓▓▓▓▓▓▓▓▓   │        │           │ ║
    ║   │    │         │  │        │    ▓▓▓▓▓▓▓▓▓   │        │           │ ║
    ║   │    └─────────┘  │        │                 │        │           │ ║
    ║   └─────────────────┘        └─────────────────┘        └───────────┘ ║
    ║      Original SVG              Canon Preview           ControlNet    ║
    ║      (your drawing)          (white on black)          (photorealism)║
    ║                                                                       ║
    ║   "See what the AI sees. Control what the AI does."                   ║
    ╚═══════════════════════════════════════════════════════════════════════╝

December 27, 2025 5 min read

Render Preview: See What the AI Sees

research

    ╔═══════════════════════════════════════════════════════════════════════════════════╗
    ║   RENDER STUDIO: EXPLICIT CONTROL, TRANSPARENT RESULTS                            ║
    ║                                                                                   ║
    ║   ┌─────────────────────────────┬─────────────────────────────────────────────┐   ║
    ║   │     FLOOR PLAN EDITOR       │        RENDER PREVIEW                       │   ║
    ║   │                             │                                             │   ║
    ║   │   ┌───┐ ┌───┐  [Upload]     │   ┌─────────────────────────────────────┐   │   ║
    ║   │   │   │ │   │               │   │     ControlNet Conditioning         │   │   ║
    ║   │   └───┘ └───┘               │   │     ▓▓▓▓▓   ▓▓▓▓▓   ▓▓▓▓▓           │   │   ║
    ║   │   ┌─────────────┐           │   │     ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓           │   │   ║
    ║   │   │             │           │   │     ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓           │   │   ║
    ║   │   └─────────────┘           │   └─────────────────────────────────────┘   │   ║
    ║   │                             │                                             │   ║
    ║   │   ┌─ SVG Operations ──────┐ │   ┌─ Render Settings ───────────────────┐   │   ║
    ║   │   │ [🛋️ Furniture] [👥 Ppl] │ │   │ Materials: [threshold-dwelling ▼]  │   │   ║
    ║   │   │ [🏷️ Label] [🗑️ Remove] │ │   │ Lighting:  [golden-hour ▼]         │   │   ║
    ║   │   └───────────────────────┘ │   │ Angle:     [wide ▼]                 │   │   ║
    ║   │                             │   └─────────────────────────────────────┘   │   ║
    ║   │   History: [Undo (3)] [Reset]│   [          Generate Render           ]   │   ║
    ║   └─────────────────────────────┴─────────────────────────────────────────────┘   ║
    ║                                                                                   ║
    ║   "See what the AI sees. Control what the AI does." — Canon Differentiation       ║
    ╚═══════════════════════════════════════════════════════════════════════════════════╝

December 27, 2025 10 min read

Render Studio: Explicit Control, Transparent Results

research

    ╔═══════════════════════════════════════════════════════════════════════╗
    ║   KINETIC TYPOGRAPHY: DATA-INK RATIO FOR MOTION                       ║
    ║                                                                       ║
    ║   Phase 1: Scatter          Phase 2: Converge        Phase 3: Weight  ║
    ║   ┌───────────────────┐     ┌───────────────────┐    ┌──────────────┐ ║
    ║   │  L     s          │     │                   │    │              │ ║
    ║   │    e       ,      │     │  Less, but        │    │  Less, but   │ ║
    ║   │       b  t        │ ──▶ │       better      │ ──▶│      BETTER  │ ║
    ║   │  u           r    │     │                   │    │              │ ║
    ║   │         e         │     │                   │    │              │ ║
    ║   └───────────────────┘     └───────────────────┘    └──────────────┘ ║
    ║                                                                       ║
    ║   0%─────────20%────────60%─────────80%────────100%                   ║
    ║   opacity    position      lock        weight gain                    ║
    ║                                                                       ║
    ║   "Above all else, show the data." — Edward Tufte                     ║
    ╚═══════════════════════════════════════════════════════════════════════╝

December 21, 2025 6 min read

Kinetic Typography: Data-Ink Ratio for Motion

research

    ╔═══════════════════════════════════════════════════════════════════════╗
    ║   HEIDEGGERIAN FORM EXPERIENCE                                        ║
    ║                                                                       ║
    ║   ┌─────────────────────────────┬────────────────────────────────┐    ║
    ║   │                             │                                │    ║
    ║   │    SERVICE CONFIGURATION    │     LIVE DATABASE              │    ║
    ║   │                             │                                │    ║
    ║   │    ┌─ Service Type ────┐    │     ┌────────────────────────┐ │    ║
    ║   │    │ [Automation    ▼] │    │     │ automation / workflow  │ │    ║
    ║   │    └───────────────────┘    │     │ 2 features · growth    │ │    ║
    ║   │                             │     ├────────────────────────┤ │    ║
    ║   │    ┌─ Scope ───────────┐    │     │ transformation / proc  │ │    ║
    ║   │    │ [Workflow      ▼] │    │     │ 4 features · enterprise│ │    ║
    ║   │    └───────────────────┘    │     └────────────────────────┘ │    ║
    ║   │                             │                                │    ║
    ║   │    ┌─ Features ────────┐    │     "The form recedes;         │    ║
    ║   │    │ ☑ Routing         │    │      the service emerges."     │    ║
    ║   │    │ ☐ Triggers        │    │                                │    ║
    ║   │    └───────────────────┘    │                                │    ║
    ║   │                             │                                │    ║
    ║   └─────────────────────────────┴────────────────────────────────┘    ║
    ║                                                                       ║
    ║   Zuhandenheit → Vorhandenheit → Gestell → Gelassenheit              ║
    ╚═══════════════════════════════════════════════════════════════════════╝

December 19, 2025 8 min read

Heideggerian Form Experience: When Forms Serve Rather Than Extract

research

    ╔═══════════════════════════════════════════╗
    ║   VALIDATION AS ZUHANDENHEIT              ║
    ║                                           ║
    ║   Before (Vorhandenheit):                 ║
    ║   ┌────────┐     ┌────────┐     ┌──────┐  ║
    ║   │ Input  │ ──▶ │ Server │ ──▶ │ ???  │  ║
    ║   │ (ok)   │     │  (ok)  │     │ FAIL │  ║
    ║   └────────┘     └────────┘     └──────┘  ║
    ║                                 ↑         ║
    ║                          "failed to       ║
    ║                           upload image"   ║
    ║                                           ║
    ║   After (Zuhandenheit):                   ║
    ║   ┌────────┐                              ║
    ║   │ Input  │ ──▶ ✓ proceeds               ║
    ║   │ ⚠ 142  │     or                       ║
    ║   │ chars  │ ──▶ ✗ "rename file"          ║
    ║   └────────┘                              ║
    ║                                           ║
    ║   The tool recedes; the work continues.   ║
    ╚═══════════════════════════════════════════╝

December 12, 2025 6 min read

Validation as Zuhandenheit: Preventing Tool Breakdown Through Proximity

research

    ╔═══════════════════════════════════════════════════════════════╗
    ║   SUBTRACTIVE TYPOGRAPHY                                      ║
    ║                                                               ║
    ║   Frame 0:                                                    ║
    ║   ┌─────────────────────────────────────────────────────────┐ ║
    ║   │ We help businesses identify operational inefficiencies  │ ║
    ║   │ and implement AI-powered automation solutions that      │ ║
    ║   │ streamline workflows and remove what obscures.          │ ║
    ║   └─────────────────────────────────────────────────────────┘ ║
    ║                              ↓ scroll                         ║
    ║   Frame 1:                                                    ║
    ║   ┌─────────────────────────────────────────────────────────┐ ║
    ║   │ We h̶e̶l̶p̶ ̶b̶u̶s̶i̶n̶e̶s̶s̶e̶s̶ ̶i̶d̶e̶n̶t̶i̶f̶y̶ ̶o̶p̶e̶r̶a̶t̶i̶o̶n̶a̶l̶ ̶i̶n̶e̶f̶f̶i̶c̶i̶e̶n̶c̶i̶e̶s̶  │ ║
    ║   │ a̶n̶d̶ ̶i̶m̶p̶l̶e̶m̶e̶n̶t̶ ̶A̶I̶-̶p̶o̶w̶e̶r̶e̶d̶ ̶a̶u̶t̶o̶m̶a̶t̶i̶o̶n̶ ̶s̶o̶l̶u̶t̶i̶o̶n̶s̶ ̶t̶h̶a̶t̶      │ ║
    ║   │ s̶t̶r̶e̶a̶m̶l̶i̶n̶e̶ ̶w̶o̶r̶k̶f̶l̶o̶w̶s̶ ̶a̶n̶d̶ remove what obscures.        │ ║
    ║   └─────────────────────────────────────────────────────────┘ ║
    ║                              ↓ scroll                         ║
    ║   Frame 2:                                                    ║
    ║   ┌─────────────────────────────────────────────────────────┐ ║
    ║   │                                                         │ ║
    ║   │              We remove what obscures.                   │ ║
    ║   │                                                         │ ║
    ║   └─────────────────────────────────────────────────────────┘ ║
    ║                                                               ║
    ║   "The medium embodies the message."                          ║
    ╚═══════════════════════════════════════════════════════════════╝

December 11, 2025 8 min read

Subtractive Typography: When Removal Is the Animation

research

    ╔═══════════════════════════════════════════════════════════════════╗
    ║   DWELLING AS CONVERSION: EVOLUTION                               ║
    ║                                                                   ║
    ║   Phase 1: Active              Phase 2: Contemplative             ║
    ║   ┌────────────────────┐       ┌────────────────────────────────┐ ║
    ║   │ Q1: Accumulating?  │       │ "We help businesses..."        │ ║
    ║   │ Q2: Would remove?  │  ──►  │         ↓ scroll               │ ║
    ║   │ Q3: Stopping you?  │       │ "We remove what obscures"      │ ║
    ║   └────────────────────┘       └────────────────────────────────┘ ║
    ║                                                                   ║
    ║   Both achieve Zuhandenheit: the tool recedes                     ║
    ╚═══════════════════════════════════════════════════════════════════╝

December 11, 2025 12 min read

Dwelling as Conversion: From Assessment to Progressive Erasure

research

    ╔═══════════════════════════════════════════╗
    ║   AGENT CONTINUITY                        ║
    ║                                           ║
    ║   Session 1      Session 2      Session N ║
    ║   ┌───────┐      ┌───────┐      ┌───────┐ ║
    ║   │ Agent │ ──▶  │ Agent │ ──▶  │ Agent │ ║
    ║   └───┬───┘      └───┬───┘      └───┬───┘ ║
    ║       │              │              │     ║
    ║       ▼              ▼              ▼     ║
    ║   ╔═══════════════════════════════════╗   ║
    ║   ║  progress.txt  │  features.json  ║   ║
    ║   ║  git history   │  init.sh        ║   ║
    ║   ╚═══════════════════════════════════╝   ║
    ║                                           ║
    ║   "Artifacts enable re-entry into the     ║
    ║    hermeneutic circle" — Heidegger        ║
    ╚═══════════════════════════════════════════╝

December 8, 2025 8 min read

Agent Continuity: Harnesses for Long-Running Sessions

research

    ╔═══════════════════════════════════════════╗
    ║   TEMPLATE RECATEGORIZATION   ✓ VALIDATED ║
    ║                                           ║
    ║   ┌─────────┐    ┌─────────┐    ┌───────┐ ║
    ║   │  SLACK  │ →  │  CLAUDE │ →  │AIRTABLE║
    ║   │ (issue) │    │  (MCP)  │    │(update)│ ║
    ║   └─────────┘    └─────────┘    └───────┘ ║
    ║                                           ║
    ║   Human        Claude Code      Database  ║
    ║  (intent)    (interpretation)   (state)   ║
    ║                                           ║
    ║   8 templates corrected via conversation  ║
    ╚═══════════════════════════════════════════╝

December 5, 2025 10 min read

Template Recategorization: MCP as Hermeneutic Bridge

research

    ╔═══════════════════════════════════════════╗
    ║   MEETING CAPTURE                         ║
    ║                                           ║
    ║   ┌─────────┐    ┌─────────┐    ┌───────┐ ║
    ║   │ ((o))   │ →  │    ~    │ →  │  ≡≡≡  │ ║
    ║   │  Audio  │    │ Whisper │    │ Text  │ ║
    ║   └─────────┘    └─────────┘    └───────┘ ║
    ║                                           ║
    ║      Swift         Cloudflare      D1     ║
    ║     (local)        (process)    (store)   ║
    ║                                           ║
    ║   "The tool recedes, understanding        ║
    ║    remains." — Heidegger                  ║
    ╚═══════════════════════════════════════════╝

December 4, 2025 12 min read

Meeting Capture: Tools Recede, Understanding Remains

research

    ╔═══════════════════════════════════════════╗
    ║   DATA PATTERNS                           ║
    ║                                           ║
    ║   Trends:    ↗  ↘  ↗  →  ↗               ║
    ║            ────────────────────           ║
    ║   Auth:     ▇▆▅▄▃▂▁ ✓ improving          ║
    ║   Cache:    ▂▂▂▂▂▂▂ ✓ stable             ║
    ║   Database: ▁▂▃▄▅▆▇ ⚠ degrading          ║
    ║   Storage:  ▄▄▄▄▄▄▄ → flat               ║
    ║            ────────────────────           ║
    ║                                           ║
    ║   Patterns emerge without analysis        ║
    ╚═══════════════════════════════════════════╝

November 26, 2025 5 min read

Revealing Data Patterns Through Agentic Components

tutorial

    ╔═══════════════════════════════════════════╗
    ║   AGENTIC VISUALIZATION                   ║
    ║                                           ║
    ║     ┌─────────────────────────────┐       ║
    ║  ▲  │         ╱╲                  │       ║
    ║  │  │        ╱  ╲      ╱╲         │       ║
    ║  │  │       ╱    ╲    ╱  ╲   ╱╲   │       ║
    ║  │  │      ╱      ╲  ╱    ╲ ╱  ╲  │       ║
    ║  │  │─────────────────────────────┤       ║
    ║     │  Data → Intelligence → Insight│      ║
    ║     └─────────────────────────────┘       ║
    ║                                           ║
    ║   Components that think, decide, reveal   ║
    ╚═══════════════════════════════════════════╝

November 25, 2025 15 min read

Agentic Visualization: Autonomous UI Components Embodying Tufte's Principles

research

╔═══════════════════════════════════════╗
║   PRIVACY-FIRST ANALYTICS WITH D1     ║
║   ─────────────────────────────────   ║
║   Multi-Property Analytics System     ║
║   Cloudflare D1 + SvelteKit           ║
║                                       ║
║   TIME: 2.5hrs | COST: $0.60         ║
║   PROPERTIES: 4 | ERRORS: 2           ║
╚═══════════════════════════════════════╝

November 24, 2025 10 min read

Building Privacy-First Analytics with Cloudflare D1

infrastructure

╔═══════════════════════════════════════╗
║  EXPERIMENT #1: AI-NATIVE DESIGN      ║
║  ────────────────────────────────────  ║
║  CANVA MOCKUP → PRODUCTION COMPONENTS ║
║  Claude Vision + Component Generation ║
║                                       ║
║  TIME: 2hrs | COMPONENTS: 5          ║
║  ACCURACY: 95% | ITERATIONS: 3       ║
║  STACK: Claude + SvelteKit + Tailwind║
╚═══════════════════════════════════════╝

November 24, 2025 15 min read

Experiment #1: AI-Native Design Analysis - Canva Mockup to Production Components

Development

╔═══════════════════════════════════════╗
║  EXPERIMENT #1: ZOOM AUTOMATION       ║
║  ────────────────────────────────────  ║
║  NO-CODE → CUSTOM CODE MIGRATION      ║
║  Solving Virtual Scrolling Challenge  ║
║                                       ║
║  AIRTOP ❌ → SELENIUM ✓               ║
║  CHALLENGE: Virtual scroll detection  ║
║  SOLUTION: AI-assisted Selenium       ║
║                                       ║
║  READING: 10min | LEVEL: Intermediate ║
║  STACK: Claude Code + Cloudflare     ║
║  AUTHORS: H. Tofeeq + M. Johnson     ║
╚═══════════════════════════════════════╝

November 21, 2025 10 min read

Building Zoom Transcript Automation with Claude Code + Cloudflare

Browser Automation

╔═══════════════════════════════════════╗
║  EXPERIMENT #7: MONOREPO MIGRATION    ║
║  ────────────────────────────────────  ║
║  TYPE ERRORS → DESIGN CONSTRAINTS     ║
║  "Weniger, aber besser" Validated     ║
║                                       ║
║  TIME: 3hrs | ERRORS FIXED: 164      ║
║  REDUCTION: 84% | DEPLOYMENTS: 4/4   ║
║  FILES: 15 modified | FAILURES: 0    ║
╚═══════════════════════════════════════╝

November 21, 2025 25 min read

Experiment #7: Type System as Constraint - Monorepo Migration Through Systematic Reduction

infrastructure

╔═══════════════════════════════════════╗
║  EXPERIMENT #2: COOKIE SYNC UX        ║
║  ────────────────────────────────────  ║
║  🔖 Bookmarklet + 🧩 Chrome Extension  ║
║  User Friction: 60s → 5s → 0s         ║
║                                       ║
║  DEV TIME: 2hrs | TIME SAVED: 67%    ║
║  CLOUDFLARE: $0/mo | ROI: 20,000%    ║
║  STACK: JS + Chrome API + Workers    ║
╚═══════════════════════════════════════╝

November 20, 2025 12 min read

Zoom Cookie Sync - Client Distribution UX

Browser Automation

╔═══════════════════════════════════════╗
║  EXPERIMENT #3: SUSTAINABILITY        ║
║  ────────────────────────────────────  ║
║  BUG FIXES → SYSTEM EXPERIMENTS       ║
║  Hermeneutic Analysis Framework       ║
║                                       ║
║  TIME: 6hrs | COST SAVINGS: 92%      ║
║  MONTHLY: $460 saved | ROI: 58,100%  ║
║  DOCS: 800+ lines | DEPLOYMENTS: 2   ║
╚═══════════════════════════════════════╝

November 19, 2025 25 min read

Bug Fixes as Sustainability Experiments - Optimizing AI-Native System Constraints

infrastructure

╔═══════════════════════════════════════╗
║  EXPERIMENT #4: HERMENEUTICS          ║
║  ────────────────────────────────────  ║
║  HEIDEGGER'S CIRCLE → CODE PARADOX    ║
║  Ontological Discernment Framework    ║
║                                       ║
║  TIME: 2hrs | CIRCLES: 5 iterations  ║
║  METHOD: Part ↔ Whole Understanding  ║
║  OUTCOME: Paradox resolved ✅        ║
╚═══════════════════════════════════════╝

November 19, 2025 22 min read

Software Hermeneutics - Using Heidegger's Circle to Debug Ontological Code Confusion

methodology

╔═══════════════════════════════════════╗
║  EXPERIMENT #5: WORKFLOWS             ║
║  ────────────────────────────────────  ║
║  CLOUDFLARE WORKFLOWS FOR AI AGENTS   ║
║  Long-Running Task Architecture       ║
║                                       ║
║  TIME: 8min exec | COST: $0.60/mo   ║
║  ARTISTS: 51/day analyzed            ║
║  SAVINGS: $50/mo infrastructure      ║
╚═══════════════════════════════════════╝

November 19, 2025 18 min read

Cloudflare Workflows for Long-Running AI Agents - A&R Discovery Automation

infrastructure

╔═══════════════════════════════════════╗
║  EXPERIMENT #6: GMAIL→NOTION SYNC     ║
║  ────────────────────────────────────  ║
║  MULTI-USER OAUTH + HTML PARSING      ║
║  Workers AI + Notion API 2025-09-03   ║
║                                       ║
║  TIME: 11hrs | SAVINGS: 55-65%       ║
║  COST: $6.30 | SYNC: Every 5min     ║
║  USERS: Multi-user OAuth support     ║
╚═══════════════════════════════════════╝

November 19, 2025 24 min read

Multi-User Gmail→Notion Sync - OAuth, HTML Parsing, and AI Summarization at Scale

Automation

╔════════════════════════════════════════╗
║  NOTION API 2025-09-03 MIGRATION      ║
║  ────────────────────────────────────  ║
║  database_id → data_source_id          ║
║                                        ║
║  DIFFICULTY: Intermediate              ║
║  LESSONS: 3 | TIME: ~20 minutes        ║
║  DEADLINE: September 3, 2025           ║
╚════════════════════════════════════════╝

November 18, 2025 20 min read

Notion API 2025-09-03 Migration: database_id → data_source_id

api-migration

    ╔══════════════════════════════════════╗
    ║         CLOUDFLARE WORKERS           ║
    ║              KV STORAGE              ║
    ╠══════════════════════════════════════╣
    ║                                      ║
    ║    ┌─────────┐     ┌─────────┐     ║
    ║    │  KEY 1  │ ──▶ │ VALUE 1 │     ║
    ║    └─────────┘     └─────────┘     ║
    ║                                      ║
    ║    ┌─────────┐     ┌─────────┐     ║
    ║    │  KEY 2  │ ──▶ │ VALUE 2 │     ║
    ║    └─────────┘     └─────────┘     ║
    ║                                      ║
    ║    ┌─────────┐     ┌─────────┐     ║
    ║    │  KEY 3  │ ──▶ │ VALUE 3 │     ║
    ║    └─────────┘     └─────────┘     ║
    ║                                      ║
    ║         GLOBAL • LOW LATENCY        ║
    ╚══════════════════════════════════════╝

November 17, 2025 25 min read

Cloudflare Workers KV Quick Start

infrastructure

    ╔═══════════════════════════════════════════════════════════╗
    ║   ARC FOR GMAIL                                           ║
    ║                                                           ║
    ║     Gmail ──────────arc──────────> Notion                 ║
    ║       │                              │                    ║
    ║       │  1. Label email              │                    ║
    ║       │  2. Worker syncs (5min)      │                    ║
    ║       │  3. HTML → Blocks            │                    ║
    ║       │  4. AI summary               │                    ║
    ║       │  5. Contact auto-create      │                    ║
    ║       ▼                              ▼                    ║
    ║   ┌───────┐                    ┌───────────┐              ║
    ║   │ OAuth │                    │ Database  │              ║
    ║   └───────┘                    └───────────┘              ║
    ║                                                           ║
    ║   "Tool recedes, work emerges" — Zuhandenheit             ║
    ╚═══════════════════════════════════════════════════════════╝

November 1, 2025 12 min read

Arc for Gmail

case-study

    ╔═══════════════════════════════════════════════════════════╗
    ║   MAVERICK X                                              ║
    ║                                                           ║
    ║   ┌─────────────────────────────────────────────────────┐ ║
    ║   │                                                     │ ║
    ║   │    PetroX     LithX      DME                        │ ║
    ║   │     ⬡         ⬡         ⬡                           │ ║
    ║   │   Oil+Gas   Mining   Water                          │ ║
    ║   │                                                     │ ║
    ║   │   ───────────────────────────────────               │ ║
    ║   │   Industrial Chemistry | Next.js 14                 │ ║
    ║   └─────────────────────────────────────────────────────┘ ║
    ║                                                           ║
    ║   "Less, but better" — Dieter Rams                       ║
    ╚═══════════════════════════════════════════════════════════╝

October 20, 2025 8 min read

Maverick X

case-study