用 Claude Code 建造个人操作系统：Miles Deutscher 的完整实战

Miles Deutscher 分享了他用 Claude Code 建造个人操作系统的完整过程。两周时间，从设计到部署，造出了一个整合生活全数据的" mega app"。

个人 OS 的核心功能

首页仪表盘：整合所有重要数据的视觉化入口

• 净资产（实时）
• 每日任务
• 财务状况
• 业务增长/预测

每天早上扫描首页确认状态、对齐当天目标。本质上是把所有外部应用（Google Calendar、Notion 等）连接成一个统一入口。

远程控制：通过 Telegram 语音 prompt 完全远程控制 OS

示例：打开 Telegram 发语音"添加任务"，Bot 连接到 OS 自动处理。数据通过 Whisper 转录 → Supabase 云端存储 → 前端实时展示。

财务管理：后端 Google Sheet 通过 API 拉取所有金融数据（交易所、银行账户、财务文档），OS 实时反映。

更多功能：

• 健身房 routine
• 营养目标
• 健康目标
• 日记功能
• 习惯追踪器
• 日历/ upcoming meetings
• 待办 blocker 分析

建造流程：8 步

Step 1：设计 Mockups

用 Claude Design 生成精确的设计 mockup。需要确定：

• 整体主题
• 配色方案（主色/辅色/强调色）
• Logo 和其他设计资产

Prompt 示例：

"I'm building a personal OS system with Claude Code, help me design the general theme and color palette needed to execute."

Step 2：导出到 Claude Code

设计满意后，导出到新的 Claude Code 项目，发送 prompt 说明要建造个人 OS。

Step 3：选择云端记忆系统

Miles 选择 Supabase（也可用 Supermemory 等替代）。目标是创建云端存储，所有数据存放于此，通过 Claude Code 链接到应用前端。

Step 4：获取 Anthropic API Key

到 Anthropic 控制台生成 API key。

Step 5：编写数据 Schema

在 Claude Code 中定义数据 schema，告诉 Claude 希望在应用内如何组织数据。

Step 6：语音捕获（可选）

连接 Telegram 系统实现语音激活：

• BotFather 创建新 bot
• Webhook 接入 Claude Code
• 部署到 Vercel
• 测试

Step 7：安全检查

运行 Claude Code 安全 prompt：

"Double check for bugs, vulnerabilities, etc., and help me make edits."

Step 8：连接核心功能

整合外部服务：Google Calendar、日记功能、习惯追踪器等。这是最有趣的部分，可以完全自定义想要的功能。

遇到问题时：把整篇文章 paste 进 Claude Code，它可以 reverse-engineer 必要的步骤。

完整仪表盘展示

首页：每日最重要数据一览

任务 CRM：按优先级组织每日任务，支持 board view（类似 Notion）

习惯追踪器：游戏化日常习惯（财务检查、健康检查、放松 routine）

技术栈

核心 takeaway

这个案例展示的是 vibe coding 的产品化完整路径：不是简单写个脚本，而是从设计 mockup 到可远程控制的个人应用。关键洞察：

1. Claude Design → Claude Code 的 workflow 让设计到实现的 friction 大幅降低
2. 云端记忆系统（Supabase） 是"个人 OS"区别于普通脚本的关键——数据持久化 + 跨设备同步
3. Telegram 语音入口 把"坐在电脑前写 prompt"变成"随时随地语音指令"，这是 mobile-first 的 AI 交互
4. 数据 schema 先行 定义好数据结构，后续功能扩展才有基础

Miles 说这是他过去几个月最大的生活升级——本质上是用 AI 造了一个为自己量身定制的 app，而且可以随时编辑/添加功能。

附注：Miles 在文章末尾提供了 Google Drive，包含他个人使用的完整资源（coding prompts、design system 等）。