Video summary

Stop letting your agents write Markdown.

Main summary

Key takeaways

Technology

Summary of technological concepts & product ideas

1) Why switch from Markdown to HTML for agent outputs

  • Markdown limitations for agents as specs grow: The speakers argue Markdown becomes “restricting” and hard to consume once outputs exceed ~100 lines—especially for sharing, reading together, and editing by humans/other agents.
  • HTML enables richer, more structured, and more navigable content:
    • Higher information density in one artifact (tables, diagrams, code blocks, images, spatial layouts, workflows, interactions).
    • Better visual clarity/ease of reading via layout control (links, diagrams, tabs, and potentially responsive design).
    • More likely to be read: sharing an HTML page as a link is easier than attaching Markdown files that many environments render poorly.

2) Interaction is a major advantage of HTML

  • HTML output isn’t just “pretty text”—it can include interactive UI elements (sliders/knobs, interactive controls) that let users tweak parameters and immediately see updated views.
  • This supports a two-way workflow:
    • User interacts with the HTML “playground”
    • Changes can be copied/pasted back into the agent/code execution environment.

3) Evidence/examples discussed: “unreasonable effectiveness of HTML”

  • The video centers on an article claiming HTML is more effective than Markdown for agent-generated artifacts.
  • Highlighted examples include:
    • Exploration & planning layouts: the agent “fans out” multiple directions at once and presents them side-by-side instead of sequential text walls.
    • Multiple implementation options in one HTML document (with “pros/cons” and recommendations).
    • UI mockups for onboarding/empty states (several distinct design directions in a grid).
    • Implementation roadmaps with interactive or collapsible hierarchy (to structure large plans).
    • Dataflow + annotated code embedded in HTML for comprehension and review.

4) Agent workflow: using Claude/agents to produce HTML artifacts

  • Data ingestion/context gains with Claude Code: Claude Code can read many sources (code folders, web context, git history, Slack/Linear items, browser context). It can then generate HTML artifacts that incorporate that information—for example, creating diagrams after scanning a repo and grouping HTML by category/type.
  • Validation/verification improvements: a verification agent can read the HTML bundle and leverage broader context to check outputs more effectively than if it only had raw text fragments.

5) Product angle: Copilot Kit for full-stack interactive agent apps

  • The sponsor section describes Copilot Kit as an enterprise-ready agent front-end stack (positioned as full-stack).
  • Key feature claims:
    • Supports dynamic UI rendering (not just “Markdown tables”).
    • Users can interact with UI controls, submit, and the model re-renders updated dynamic components.
    • Custom component rendering, especially in React.
    • Hooks-based developer API:
      • A component hook (with Zod-like schemas) to pass parameters
      • Interactive components hook for two-way user/model interaction
  • Core idea: interactive agent experiences are “surprisingly hard,” and Copilot Kit reduces that complexity.

6) Practical tradeoffs / concerns raised

  • Token efficiency: HTML can use more tokens than Markdown, but speakers downplay the impact due to large context windows (they cite ~1M-token context).
  • Version control pain: HTML diffs are described as noisy/hard to review compared to Markdown.
  • Design system / styling control: to avoid ugly HTML, the suggestion is to reference a company-wide design system HTML template so generated pages match styling conventions.
  • Novelty effect: some value may come from HTML being less common, so people are more likely to engage with it; the speakers acknowledge uncertainty here.

7) “How to get started” guidance (tutorial-like)

Don’t wait for a reusable “HTML skill” immediately—start by:

  • Prompting the model to generate an HTML file/artifact
  • Iterating on prompts based on what works/doesn’t

Then:

  • Build skills later by stabilizing repeatable prompt patterns.

Suggested prompt use cases:

  • Specs/planning/exploration: ask for multiple explorations, then consolidate into a plan; pass the resulting HTML files into a new implementation session.
  • Onboarding/UI direction comparison: generate multiple distinct approaches in one HTML grid.
  • Code review / PR understanding: render an HTML artifact that organizes review focus and can include annotated diffs with severity coding (aligned with ideas like Devon Review).

8) Broader interface prediction (Carpathy’s segment)

  • The discussion frames output formats as part of evolving human-AI “mind meld” interfaces:
    • raw text → Markdown → HTML
    • then potentially toward more visual and interactive outputs (including “interactive videos/simulations” as a future direction).
  • Carpathy’s takeaway: try asking for HTML, since it’s a strong current interface step and we’re still learning which formats/UIs work best.

Key speakers / sources mentioned

  • Thor (from the Cloud Code team) — wrote the referenced article(s) about HTML’s effectiveness (including “HTML is the new markdown” framing).
  • Andrej Karpathy (Carpathy) — endorses structuring responses as HTML and discusses future directions for AI output interfaces.
  • Simon Willis — mentioned as someone who previously shared related “HTML hacks” during earlier GBT testing.
  • Pangram Labs — referenced as an AI-text detection site used to test whether article text was AI-generated vs human-written.
  • Copilot Kit (sponsor) — product referenced for building interactive agent-driven UIs.
  • Devon Review — mentioned as a PR analysis/review webpage that reorganizes and prioritizes changes.

Rate this summary

Your feedback will help improve summaries.

Improve this summary

Reprocess with a stronger model when the summary feels incomplete or inaccurate.

Pro

Translate summary in another language

Pro

Ask questions to this video

Chat for follow-up questions, clarifications, and source-backed answers.

Coming soon

Share this summary

Original video