Human Context Protocol Demo
A Next.js demonstration of how personal context and delegated authority should work in AI systems.
Overview
This interactive demo tells the story of Human Context Protocol (HCP) through three progressive stages:
- Human Context โ The foundation of useful AI interactions
- Grant of Authority โ Secure, granular control over context sharing
- Applications โ Real-world usage across AI systems
Quick Start
# Install dependencies
pnpm install
# Start development server
pnpm run dev
# Open http://localhost:3000
Key Features
- Progressive Narrative Flow โ Guided modals introduce each concept
- Real-time Context Extraction โ Chat interactions build preference database
- Granular Authority Management โ Control which AI services access what data
- API-First Architecture โ Ready for integration with external AI systems
Technical Stack
- Next.js 15 with TypeScript
- Framer Motion for animations
- Radix UI components
- Tailwind CSS styling
Purpose
This demo communicates why user-controlled context portability is essential for a healthy AI ecosystem. Built for policymakers, technologists, and researchers exploring the future of AI safety and digital sovereignty.
Stanford DEL ร Consumer Reports collaboration