Talk 10

Context7 MCP

context7mcp

Summary

Overview

CJ Hess, a 10x engineer at Tenex, presents his workflow for AI-assisted development, focusing on visual planning tools and the importance of monorepos. Despite the session title referencing Context7 MCP, the actual content centers on Flowy - a custom visual diagramming tool CJ built to improve Claude's understanding of UI mockups and flowcharts. The session demonstrates how visual planning can dramatically improve AI coding output quality.

Main Discussion

The Tenex Model and 10x Engineering

CJ explains the Tenex business model: engineers are paid by story points rather than hourly, creating incentive alignment where faster, better AI tooling directly benefits the developer. This contrasts with traditional hourly consulting where there's little incentive to work efficiently.

Monorepos: The Foundation for AI-Assisted Development

A significant portion discusses why monorepos are essential for vibe coding:

  • Claude can see the entire data flow (database -> backend -> frontend)
  • Eliminates context-switching between codebases
  • Reduces time spent explaining data structures to the AI
  • For non-monorepo clients, Tenex creates "Frankenstein monorepos" by running Claude in a higher directory that encompasses multiple project folders

Flowy: Visual Planning for Claude

The core demo showcases Flowy, a custom tool CJ built for creating diagrams and UI mockups that Claude can actually parse:

  • Creates JSON files that represent visual diagrams
  • Runs locally (localhost) and saves directly to project directories
  • Generates flowcharts for navigation and game logic
  • Creates UI mockups that guide implementation
  • Claude reads the JSON to understand spatial relationships and build matching interfaces

Voice-to-Text as a Productivity Multiplier

CJ shares his conversion to voice transcription tools:

  • Uses WisprFlow for dictation
  • Finds rambling produces more detailed, specific prompts than typing
  • Overcomes the "laziness" of typing where you skip important context
  • Works best when alone (weekends vs. office)

Anti-MCP Stance

Surprisingly for a session titled "Context7 MCP," CJ expresses skepticism about MCPs:

  • Prefers skills and CLIs over MCPs
  • Finds MCPs cause "context bloat"
  • Notes Figma's MCP is good for writing/creating but struggles with reading designs back
  • Values the specificity of raw JSON files

Key Takeaways

  • Monorepos unlock full-stack AI development - When Claude can see the entire codebase, it can build complete features from database to UI in single prompts.
  • Visual planning beats ASCII diagrams - CJ built Flowy specifically because ASCII flowcharts in markdown files don't convey enough information to Claude.
  • JSON as the bridge between humans and AI - Flowy stores diagrams as structured JSON, which Claude parses better than images or descriptions.
  • Payment models shape AI adoption - Story point pricing incentivizes developers to embrace AI tools; hourly billing does not.
  • Voice transcription unlocks detailed prompts - Speaking is faster than typing and encourages more thorough context-giving.
  • Skills over MCPs - CJ prefers Claude Code skills to MCPs, citing less context bloat and more predictable behavior.
  • Plan mode as prompt refinement - Using planning mode to generate detailed markdown files that become prompts for execution.
  • "Frankenstein monorepos" for legacy systems - Running Claude in a parent directory that contains multiple repos to simulate monorepo benefits.
  • Ralph Loop for side projects only - Autonomous loops are useful for weekend experiments but too risky for production client work.
  • Verification prompts catch drift - Asking "What did I change?" forces Claude to re-read files and confirm understanding before proceeding.
  • Newer models required for spatial reasoning - Flowy-style JSON diagrams require Claude Sonnet 3.5+ for accurate spatial understanding.
  • Output-focused business models align incentives - Tenex's model proves that paying for outcomes rather than time creates better AI adoption.
  • Human-in-the-loop remains essential - Even with powerful tools, CJ maintains manual control over production systems.
  • Designer-developer convergence - Tools like Flowy mean developers become more like designers, thinking visually about features.
  • Reload before debugging - Mobile development habits apply: hot reload issues often look like real bugs.

Memorable Moments

The "Double 10x" Joke

When Brandon calls CJ a "10x engineer at 10x," CJ responds "Double 10x" - setting the light tone for the session.

"I Got Tired of ASCII Boxes"

CJ's simple explanation for why he built Flowy captures a universal developer frustration with planning in plain text.

The Bug That Almost Wasn't

During the live demo, the quiz feature throws an error. CJ's calm debugging approach - checking if it's a hot reload issue, then methodically giving Claude the error with context - demonstrates professional debugging workflow.

"I'd Be Terrified of Ralph"

CJ's honest assessment of Ralph Loop for production systems: great for weekend projects, not for client work where quality matters.

Voice Transcription Laziness Reversal

CJ's insight that typing creates laziness ("I don't want to spend the time to type out this perfectly exact prompt") while speaking encourages thoroughness is counterintuitive but resonant.

The Successful Final Try

After one bug fix, the quiz works perfectly - a satisfying live demo moment that validates the workflow.

Key Concepts

Monorepo Architecture

A single repository containing all code for a project - frontend, backend, database schemas, and DevOps configurations - rather than splitting across multiple repositories.

Story Point Pricing Model

A billing structure where developers are paid per completed feature/story point rather than hourly, aligning incentives with output rather than time spent.

Flowy (Visual Diagramming Tool)

A custom-built local diagramming tool that creates JSON files representing flowcharts and UI mockups, which Claude can parse and implement.

Plan Mode Workflow

Using Claude's planning mode to iteratively develop detailed markdown specifications before any code is written, treating plans as refined prompts.

Voice-to-Text Prompting

Using transcription tools (WisprFlow, Monologue) to speak prompts rather than typing them.

Notable Quotes

"I'm outputting more, but I'm really getting paid less at the end of the day. - CJ Hess (04:03:21) On the contradiction of hourly billing in the AI era"
"The kind of trick of the model is that we get paid by StoryPoint as engineers. So each sprint, we kind of scope it out, and then it's up to us to build it. - CJ Hess (04:04:04) Explaining Tenex's output-based pricing"
"Everyone's incentivized to do better on that output as opposed to take their time and just rack up more hours. - CJ Hess (04:05:02) On how payment models shape behavior"
"As tools get better, as we get better at utilizing the tools, our capacity can expand. - CJ Hess (04:04:11) The compounding effect of AI skill development"

Tools Mentioned

FlowyMonologueClaude CodeRalph LoopClaude Sonnet 4.5Claude Sonnet 4 / Newer ModelsWisprFlowFigmaTwitter/XMCP (Model Context Protocol)Skills (Claude Code)MonorepoPlan ModeTenex (10X)Carnegie Mellon

Transcript

10 of 18