CodeStory AI 不只是电脑端网页。第一阶段先把网页做成电脑和手机都好用的体验：电脑端做导入、扫描、配置和安全修改练习；移动端、微信端、手机 App 负责学习、复习、播客、智能问答和安全状态查看。
一句话判断：只想看效果，用云端演示版；要看真实网站代码，用完全本地版。两者分工清楚，安全边界就不会混在一起。
公开展示、客户演示、体验流程，让别人先明白 CodeStory AI 能把网站讲清楚。
只发演示网址；不要通过云端演示版收集任何客户源码或内部项目。
生产部署 / Vercel真实网站代码学习、内部项目理解、安全扫描，让代码只在自己的电脑上被读取和分析。
发 zip 和密码即可；zip 与密码建议分开渠道发送，真实源码由同事在自己电脑上复制。
双击启动 / npm run local不用记很多规则。只记一句：电脑端管安全操作，其他端管轻松学习。
完整工作台，负责导入、扫描、配置和安全审计
Windows 本地浏览器打开 localhost。
随身学习台，适合碎片时间复习
先做响应式 Web，未来可封装成 PWA。
轻量入口，适合分享学习卡和每日提醒
未来可做微信公众号 H5 或小程序壳。
安静、专注的学习 App
MVP 后可用 WebView/PWA 起步，再考虑原生能力。
和 iOS 一致的移动学习体验
MVP 后可先封装响应式 Web，再扩展推送和离线包。
多端不是把所有能力都搬到手机上，而是把危险能力留在电脑端，把学习成果带到随身设备上。
导入目录、生成项目地图、安全修改练习和模型密钥配置都只在电脑端完成。手机、微信和 App 不直接碰项目文件。
移动端读取的是安全报告、系统地图、学习卡、PPT/PDF 大纲和音频播客，不读取源码正文。
DeepSeek 默认模型是 deepseek-v4-pro，但云端请求只能通过脱敏器生成的摘要。
腾讯云 TTS 只接收课程稿和脱敏摘要，不接收 .env、密钥、日志、数据库连接或客户数据。
先把安全闭环做稳，再把学习体验带到更多设备。这样专业，也不冒险。
先让同一个网站在电脑和手机浏览器都好用：电脑端做完整操作，手机端重点看学习材料。
把学习卡、今日任务、播客和安全摘要放进微信入口，适合日常复习和提醒。
用移动 App 做离线课程、播客播放、学习进度和推送提醒；扫描和修改仍回到电脑端。
只同步学习进度、审计摘要和脱敏课程材料，不同步源码正文、密钥、日志或生产数据。