Back to Projects
Case Study

Calvin
Intelligent Tab Management

An AI-native Chrome extension that captures everything you encounter online and organizes it intelligently — so you can finally close those 47 tabs.

Role
Founder, Designer & Engineer
Timeline
2024 — Present
Platform
Chrome · Web · iOS
Stack
React · TypeScript · Claude API
3
Platforms
AI
First Architecture
0→1
Product
The Insight

Tabs are deferred decisions

Every open tab represents something you haven't decided about yet — a half-read article, a tool you might need, a conversation you want to return to. Browser tabs have become the junk drawer of modern knowledge work.

The average knowledge worker has 20-40 tabs open at any time, not because they need them all, but because closing a tab means trusting you can find it again. And most tools make that trust impossible.

“I can't close this tab — I might need it later, and I'll never find it again.”
— Every knowledge worker, daily
Competitive Landscape

A false choice between chaos and labor

Existing tools force users into two failure modes: organize nothing and drown in chaos, or organize manually and drown in maintenance.

mymind
Beautiful save-and-forget. Drop everything in, AI tags it. No folders, no hierarchy.
Breaks at scale — 500+ items become unsearchable
Bookmark Managers
Manual folder organization. Drag, sort, categorize everything yourself.
Requires constant maintenance nobody does
Session Managers
Save and restore browser windows. Bulk snapshots of tab state.
No intelligence — just freezes the mess
Product Vision

Calvin: the third way

What if you could have the delightful one-click capture of mymind, with the organizational depth your brain actually needs — but the AI handles all the organizing?

Calvin is built on a simple principle: humans should capture, AI should organize. Save anything in one click. Close your tabs with confidence. When you need something, it's exactly where your brain expects it to be — because the AI learned your patterns.

The Thesis
In a world of omnipresent AI, individuality becomes precious.

Calvin is the first product in a constellation of AI-native applications that understand who you are as a unique individual — not as a demographic. Your tabs are just the beginning. Your identity is everything.

Design Philosophy

Capture should feel like relief

The moment of capture is the product's most critical interaction. If saving a tab feels like work, people won't do it. Calvin had to make capture feel like closing a mental loop — the satisfaction of knowing something is handled.

Chrome Extension — Capture Popup

Glassmorphism popup with one-click capture for tab, window, or all windows

AI Enhancement Preview

Real-time title enhancement and project suggestion before save

01
One-Click Capture
Save current tab, entire window, or all windows with a single click. No decisions required at capture time.
02
AI-First Organization
Claude API processes every capture — enhancing titles, matching projects, and learning your patterns over time.
03
Close with Confidence
Natural language search means you'll always find it again. The anxiety of closing tabs disappears.
System Design

Multi-platform, single brain

Calvin operates across Chrome, web, and iOS — but shares a single AI engine that understands your complete digital context regardless of where you captured it.

Capture Layer
Chrome Extension
iOS Share Sheet
Web Clipper
AI Engine
Claude API
Title Enhancement
Project Matching
Pattern Learning
Data Layer
Supabase
Real-time Sync
Offline Queue
Interface Layer
Web Dashboard
Extension Popup
Search & Retrieve
Web Dashboard — Project View

Pinterest-style masonry grid with hierarchical project organization

Web Dashboard — Search

Natural language search across all captured content

AI Auto-Organization Engine

The intelligence that makes it work

Calvin's AI engine is the connective tissue across all platforms. Powered by Claude API, it transforms raw tab captures into organized, searchable, enhanced knowledge — automatically.

Untitled - FigmaE-commerce Checkout Flow — Figma
New conversationStripe Webhook Integration — Claude
localhost:3000Store App — Dev Server (Next.js)
1706.03762.pdfAttention Is All You Need — Vaswani et al.
Intelligent Title Enhancement
Rewrites generic titles ('Untitled - Figma') into descriptive, searchable names using page content analysis.
Project Matching
Evaluates each tab against existing projects with confidence scores, creating new projects when patterns emerge.
Cross-Platform Context
Recognizes AI chats, Figma files, GitHub repos, and 20+ site types with specialized metadata extraction.
Pattern Learning
Adapts to your organizational habits over time, getting better at predicting where new content belongs.
Interaction Design

Glassmorphism meets neural networks

Calvin's visual language bridges the aesthetic world of mymind with the intelligence of an AI system. Glassmorphic panels create depth and layering, while subtle neural network patterns reinforce the product's AI-native identity.

Extension — Tab Capture Flow

Progressive disclosure: capture first, organize with AI assistance

Extension — Project Organization

Hierarchical project view with AI-suggested groupings

Design Decisions
Glassmorphism
Frosted-glass panels create spatial depth without visual noise. Borrowed from the best of modern OS design, tuned for information-dense content.
Neural Background
Animated particle network subtly reinforces the AI-native identity. Visible enough to create atmosphere, restrained enough to not distract.
Progressive Disclosure
Capture is one click. AI enhancement preview appears after. Project selection is optional. Complexity reveals only when needed.
Confidence Indicators
Every AI suggestion shows its confidence score. Users can accept or override, maintaining agency in an AI-assisted workflow.
Technical Implementation

Built with Claude Code

Calvin was built end-to-end using AI-assisted development — Claude Code for architecture, implementation, and iteration. This is a full-stack product designed, engineered, and shipped by one person.

Phase 1
Chrome Extension Foundation
Manifest V3 extension with React/TypeScript popup, background service worker for tab monitoring, content scripts for page analysis, and glassmorphism UI.
Chrome Manifest V3ReactTypeScriptTailwind CSS
Phase 2
Web Dashboard
Next.js 14 application with masonry grid, hierarchical project management, natural language search, and real-time sync between extension and web.
Next.js 14SupabasePostgreSQLWebSocket
Phase 3
AI Organization Engine
Claude API integration for intelligent title enhancement, project matching with confidence scoring, content extraction for 20+ site types, and cross-project intelligence.
Claude APIPrompt EngineeringContent Extraction
Phase 4
iOS Multi-Platform App
SwiftUI app with Safari Share extension, biometric auth, offline queueing, and home screen widgets. Shared data layer with the web platform.
SwiftUIShare ExtensionKeyChainBGTaskScheduler
The Human-AI Development Loop

Calvin is itself a demonstration of the thesis it embodies: one person with deep domain expertise, augmented by AI, can build a multi-platform product that traditionally required a team of 5-8 engineers plus designers. Every architectural decision, every component, every API integration was built through collaborative dialogue with Claude Code — not generated and pasted, but designed through iterative conversation.

The Bigger Picture

Tabs are just the beginning

Calvin is the first product in a constellation of AI-native tools. By starting with tabs — the most universal pain point in knowledge work — we're building the foundation for something much larger: AI that understands who you are as an individual.

Now
Tab Intelligence
Chrome tabs, AI chats, articles, research — captured and organized by AI.
Next
Media Capture
Netflix shows, Spotify songs, podcasts — everything you encounter, remembered.
Vision
Digital Identity
Provable individuality through cryptographic verification. You, proven, in a sea of AI.
Your data. Your identity. Proven.
Paul Mangiamele