---
activeChapter: overview
rootPath: "../"
learnPath: "index.html"
visionPath: "../vision/index.html"
---
{% extends "base.njk" %}
{% block title %}Learn Houston — The platform for AI-native products{% endblock %}
{% block meta %}
<meta name="description" content="A guide to Houston, the platform for building AI-native products where humans and AI work on the same workspace as equals.">
{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" href="style.css?v=3">
{% endblock %}
{% block body %}
    {% include "nav-docs.njk" %}

    <div class="layout">
      {% include "sidebar-learn.njk" %}

      <main class="content hero">
        <div class="content-label">Learn Houston</div>
        <h1>The platform for AI-native products.</h1>
        <p class="lead">
          An AI-native workspace is an app where the AI can take every action
          a human can take. The human can take every action the AI can take.
          Neither is a guest. Houston is the platform for building them. This
          guide explains the concept and how to build your first agent.
        </p>

        <div class="hero-actions">
          <a class="btn btn-primary" href="01-the-shift.html">
            Start reading
          </a>
          <a class="btn btn-secondary" href="03-build-your-first-agent.html">
            Skip to building
          </a>
        </div>

        <h2 style="margin-top: 80px">Who this is for</h2>
        <p>
          Founders and developers who want to build AI-native products on
          Houston. Whether you're defining a simple agent or building custom
          React components, this guide gets you there.
        </p>

        <h2>What you'll learn</h2>

        <div class="chapter-grid">
          <a class="chapter-card" href="01-the-shift.html">
            <div class="chapter-num">01 · 4 min read</div>
            <div class="chapter-title">The mental shift</div>
            <div class="chapter-desc">
              Why AI as a feature has a ceiling, and what it means to build past
              it.
            </div>
          </a>

          <a class="chapter-card" href="02-symmetric-participation.html">
            <div class="chapter-num">02 · 3 min read</div>
            <div class="chapter-title">Humans and AI, as equals</div>
            <div class="chapter-desc">
              The one architectural decision that makes everything else
              possible.
            </div>
          </a>

          <a class="chapter-card" href="03-build-your-first-agent.html">
            <div class="chapter-num">03 · 5 min read</div>
            <div class="chapter-title">Build your first agent</div>
            <div class="chapter-desc">
              Write a manifest, add your prompts, import into Houston, and
              test it. Your first agent in 10 minutes.
            </div>
          </a>

          <a class="chapter-card" href="04-custom-components.html">
            <div class="chapter-num">04 · 2 min read</div>
            <div class="chapter-title">The agent shell</div>
            <div class="chapter-desc">
              Every agent renders the same five tabs. Here is what
              Activity, Routines, Files, Job Description, and
              Integrations each do.
            </div>
          </a>

          <a class="chapter-card" href="05-workspace-templates.html">
            <div class="chapter-num">05 · 3 min read</div>
            <div class="chapter-title">Workspace templates</div>
            <div class="chapter-desc">
              Bundle multiple agents into one repo. Import from GitHub
              and get a complete workspace ready to use.
            </div>
          </a>
        </div>

      </main>
    </div>

    {% include "footer-learn.njk" %}
  {% endblock %}
