---
id: "concept-human-door"
type: "concept"
source_timestamps: ["00:04:43", "00:07:56", "00:09:52"]
tags: ["user-interface", "web-development"]
related: ["concept-agent-door", "concept-infinite-scroll-problem", "entity-vercel", "action-generate-ui-code", "action-deploy-vercel"]
definition: "A bespoke, visual web application that allows humans to scan, read, and edit the shared database intuitively."
sources: ["s21-ai-tool-memory"]
sourceVaultSlug: "s21-ai-tool-memory"
originDay: 21
---
# The Human Door

## Definition
A bespoke, visual web application that allows humans to scan, read, and edit the shared database intuitively.

## Why a Visual App
Humans process information best through **scanning and spatial arrangement** — not raw text or JSON. The [[concept-infinite-scroll-problem]] makes a chat-only interface unworkable for structured personal data. The Human Door fixes that.

## Form Factor
The Human Door takes whatever shape best fits the data:
- A **dashboard** for status overviews.
- A **calendar** for time-bound items.
- A **Kanban board** for pipelines (e.g., job hunt).
- A **table view** for scannable lists with conditional highlights.

## How It's Built
1. AI code generation — see [[action-generate-ui-code]]. Prompt [[entity-claude-d21]] or [[entity-chatgpt-d21]] with your table schema and desired visualizations.
2. Free hosting on [[entity-vercel-d21]] — see [[action-deploy-vercel]] and [[claim-free-hosting-sufficient]].
3. Bookmark the live URL on phone/desktop for a native-app feel.

## Pairing
The Human Door reads from and writes to exactly the same [[concept-shared-surface]] that the [[concept-agent-door]] uses. No sync, no drift.