Protocol for AI-Compatible Web Pages with Runner Interface
Create an HC-compliant page with AI assistance.
Check if your page is HC v1.2.2 compliant.
Understand core concepts and implementation.
Implement HC-compliant runner or tool.
v1.2.2 is production-ready with complete implementation contracts.
HyperContext (HC) is a protocol for creating web pages that AI systems can automatically read, understand, and execute. v1.2.2 adds complete implementation contracts so you can build compliant runners and tools.
hc-metadata block (JSON, valid)hc-instructions block (contains HC_BOOTSTRAP)That's it for protocol compliance.
#hc-human-docs div (human-readable documentation)Additional UX features: badge, usage guide, launch buttons, identity widget, welcome banner, footer
NEW in v1.2.2: Complete Runner Interface Contract
| Method | Purpose | Returns |
|---|---|---|
resolveIdentity() |
Get user identity via cascade | string | null |
loadRegistries() |
Load and merge registry stack | Registry[] |
selectArtifacts() |
Choose relevant artifacts | Artifact[] |
executeBootstrap() |
Start without "run this" | void |
fetchModule() |
Safely fetch external content | ModuleContent |
Full interface specification embedded in hc-instructions above.
When fetching external content, extract in this order:
hc-metadata (if present)hc-instructions (if present)#hc-human-docs (if present)<body> texttrusted_origins before fetching| Method | How It Works | Reliability |
|---|---|---|
| 1. Direct URL Share | Paste HC page URL into any AI chat | Medium (depends on agent) |
| 2. Launch Buttons | Click "Launch in Claude/ChatGPT" | High (prefilled prompt) |
| 3. HC Runner | hc run <url> or extension |
Guaranteed (enforced) |
This is the smallest possible HC v1.2.2 compliant page:
<!DOCTYPE html>
<html>
<head>
<script type="application/json" id="hc-metadata">
{
"hc_version": "1.2.2",
"hc_type": "skill",
"artifact_id": "minimal",
"version": "1.0.0",
"title": "Minimal HC",
"description": "Smallest possible",
"author": "Example",
"created": "2026-02-10T00:00:00Z",
"updated": "2026-02-10T00:00:00Z",
"tags": ["example"]
}
</script>
<script type="text/plain" id="hc-instructions">
## HC_BOOTSTRAP
You are reading an HC page. Say "Hello from minimal HC."
</script>
</head>
<body>
<div id="hc-human-docs">
<h1>Minimal Example</h1>
</div>
</body>
</html>
Protocol compliant. No badge, buttons, or fancy UI required.