[{"data":1,"prerenderedAt":587},["ShallowReactive",2],{"project-claudecode-remote":3,"related-projects":206},{"id":4,"title":5,"body":6,"date":187,"description":188,"extension":189,"featured":190,"githubUrl":191,"liveUrl":192,"meta":193,"navigation":190,"path":194,"seo":195,"stem":196,"tags":197,"thumbnail":204,"__hash__":205},"projects\u002Fprojects\u002Fclaudecode-remote.md","ClaudeCode Remote",{"type":7,"value":8,"toc":172},"minimark",[9,13,17,20,23,70,73,78,106,110,121,125,136,140,151,155,166,169],[10,11,12],"p",{},"一款面向独立开发者的 AI 驱动多项目管理工具。通过集成 Claude Code CLI，实现任务的自动规划、执行与审查，让 AI 成为你的全天候开发搭档。",[14,15,16],"h2",{"id":16},"项目背景",[10,18,19],{},"在日常开发中，我同时维护多个项目，经常需要在它们之间切换上下文、管理任务进度。传统项目管理工具缺少与代码执行的深度集成，而 AI 编程助手又缺乏跨项目的统筹能力。ClaudeCode Remote 正是为解决这个痛点而生——将多项目管理、AI 任务执行和数据同步融合到一个本地优先的桌面应用中。",[14,21,22],{"id":22},"技术栈",[24,25,26,34,40,46,52,58,64],"ul",{},[27,28,29,33],"li",{},[30,31,32],"strong",{},"前端","：Vue 3 + TypeScript + Pinia + Vue Router",[27,35,36,39],{},[30,37,38],{},"桌面框架","：Electron（支持 Windows、macOS、Linux）",[27,41,42,45],{},[30,43,44],{},"构建工具","：electron-vite + Vite",[27,47,48,51],{},[30,49,50],{},"本地数据库","：PouchDB（本地优先，支持离线使用）",[27,53,54,57],{},[30,55,56],{},"远程同步","：CouchDB（多设备数据同步与冲突解决）",[27,59,60,63],{},[30,61,62],{},"AI 集成","：Claude Code CLI（支持 Anthropic、Kimi、智谱 GLM 等多供应商）",[27,65,66,69],{},[30,67,68],{},"移动访问","：Express.js 内置 Web 服务器，支持手机浏览器访问",[14,71,72],{"id":72},"主要功能",[74,75,77],"h3",{"id":76},"ai-驱动的任务引擎","🤖 AI 驱动的任务引擎",[24,79,80,83,100,103],{},[27,81,82],{},"自动调用 Claude Code CLI 执行规划和开发任务",[27,84,85,86,90,91,90,94,90,97],{},"任务生命周期管理：",[87,88,89],"code",{},"pending"," → ",[87,92,93],{},"planning\u002Fdeveloping",[87,95,96],{},"reviewing",[87,98,99],{},"completed",[27,101,102],{},"会话继承机制，保持任务上下文的连续性",[27,104,105],{},"自动 Git 提交与耗时追踪",[74,107,109],{"id":108},"多项目管理","📁 多项目管理",[24,111,112,115,118],{},[27,113,114],{},"同时管理多个开发项目，项目级别序列化执行避免冲突",[27,116,117],{},"可选 Git Worktree 隔离，安全地并行处理不同分支的任务",[27,119,120],{},"实时日志流和进度监控",[74,122,124],{"id":123},"本地优先的数据架构","🔄 本地优先的数据架构",[24,126,127,130,133],{},[27,128,129],{},"PouchDB 本地存储，断网也能正常使用",[27,131,132],{},"CouchDB 远程同步，多设备数据一致",[27,134,135],{},"自动冲突检测与解决机制",[74,137,139],{"id":138},"跨平台访问","📱 跨平台访问",[24,141,142,145,148],{},[27,143,144],{},"Electron 桌面客户端，原生体验",[27,146,147],{},"内置 Web 服务器模式，手机\u002F浏览器也能管理任务",[27,149,150],{},"响应式设计，桌面和移动端界面自适应",[74,152,154],{"id":153},"通知与集成","🔔 通知与集成",[24,156,157,160,163],{},[27,158,159],{},"企业微信 Webhook 集成，任务完成\u002F失败即时通知",[27,161,162],{},"可自定义 Webhook 端点，对接外部系统",[27,164,165],{},"任务执行摘要自动推送",[14,167,168],{"id":168},"总结",[10,170,171],{},"这个项目是我探索 AI 辅助开发工作流的核心工具。它让我能以\"指派任务、审查结果\"的方式与 AI 协作，大幅提升了跨项目管理的效率。本地优先的架构确保了数据安全和离线可用性，而 CouchDB 同步则让工作在不同设备间无缝流转。",{"title":173,"searchDepth":174,"depth":174,"links":175},"",2,[176,177,178,186],{"id":16,"depth":174,"text":16},{"id":22,"depth":174,"text":22},{"id":72,"depth":174,"text":72,"children":179},[180,182,183,184,185],{"id":76,"depth":181,"text":77},3,{"id":108,"depth":181,"text":109},{"id":123,"depth":181,"text":124},{"id":138,"depth":181,"text":139},{"id":153,"depth":181,"text":154},{"id":168,"depth":174,"text":168},"2025-06-12","基于 Electron 的 AI 驱动多项目任务管理桌面客户端，集成 Claude Code CLI 实现自动化开发任务执行","md",true,"https:\u002F\u002Fgithub.com\u002Fbailan-valar\u002Fclaudecode-remote",null,{},"\u002Fprojects\u002Fclaudecode-remote",{"title":5,"description":188},"projects\u002Fclaudecode-remote",[198,199,200,201,202,203],"Electron","Vue 3","TypeScript","AI","PouchDB","CouchDB","\u002Fimages\u002Fprojects\u002Fclaudecode-remote.png","2hqwpg04ZohbT6Z3JxKEQTJWSPq5YutYbUIWzWAGzYM",[207,329,514],{"id":4,"title":5,"body":208,"date":187,"description":188,"extension":189,"featured":190,"githubUrl":191,"liveUrl":192,"meta":326,"navigation":190,"path":194,"seo":327,"stem":196,"tags":328,"thumbnail":204,"__hash__":205},{"type":7,"value":209,"toc":314},[210,212,214,216,218,248,250,252,270,272,280,282,290,292,300,302,310,312],[10,211,12],{},[14,213,16],{"id":16},[10,215,19],{},[14,217,22],{"id":22},[24,219,220,224,228,232,236,240,244],{},[27,221,222,33],{},[30,223,32],{},[27,225,226,39],{},[30,227,38],{},[27,229,230,45],{},[30,231,44],{},[27,233,234,51],{},[30,235,50],{},[27,237,238,57],{},[30,239,56],{},[27,241,242,63],{},[30,243,62],{},[27,245,246,69],{},[30,247,68],{},[14,249,72],{"id":72},[74,251,77],{"id":76},[24,253,254,256,266,268],{},[27,255,82],{},[27,257,85,258,90,260,90,262,90,264],{},[87,259,89],{},[87,261,93],{},[87,263,96],{},[87,265,99],{},[27,267,102],{},[27,269,105],{},[74,271,109],{"id":108},[24,273,274,276,278],{},[27,275,114],{},[27,277,117],{},[27,279,120],{},[74,281,124],{"id":123},[24,283,284,286,288],{},[27,285,129],{},[27,287,132],{},[27,289,135],{},[74,291,139],{"id":138},[24,293,294,296,298],{},[27,295,144],{},[27,297,147],{},[27,299,150],{},[74,301,154],{"id":153},[24,303,304,306,308],{},[27,305,159],{},[27,307,162],{},[27,309,165],{},[14,311,168],{"id":168},[10,313,171],{},{"title":173,"searchDepth":174,"depth":174,"links":315},[316,317,318,325],{"id":16,"depth":174,"text":16},{"id":22,"depth":174,"text":22},{"id":72,"depth":174,"text":72,"children":319},[320,321,322,323,324],{"id":76,"depth":181,"text":77},{"id":108,"depth":181,"text":109},{"id":123,"depth":181,"text":124},{"id":138,"depth":181,"text":139},{"id":153,"depth":181,"text":154},{"id":168,"depth":174,"text":168},{},{"title":5,"description":188},[198,199,200,201,202,203],{"id":330,"title":331,"body":332,"date":187,"description":503,"extension":189,"featured":190,"githubUrl":504,"liveUrl":192,"meta":505,"navigation":190,"path":506,"seo":507,"stem":508,"tags":509,"thumbnail":512,"__hash__":513},"projects\u002Fprojects\u002Flifeos.md","LifeOS",{"type":7,"value":333,"toc":490},[334,341,343,346,348,395,397,401,412,416,427,431,442,446,457,461,472,476,485,487],[10,335,336,337,340],{},"LifeOS 不是另一个生产力工具，它是你的",[30,338,339],{},"生活操作系统","。通过场景感知、智能捕获、无缝集成，帮助用户从信息焦虑中解放——做正确的事，而不是更多的事。",[14,342,16],{"id":16},[10,344,345],{},"在信息爆炸的时代，任务、笔记、财务、目标散落在不同工具中，切换成本高昂且容易遗漏。我想要一个统一的系统，能像操作系统一样管理生活的各个方面：从日常待办到长期目标，从项目进度到财务状况。LifeOS 就是在这个想法下诞生的——一个本地优先、多场景感知的个人生活管理平台。",[14,347,22],{"id":22},[24,349,350,356,362,367,371,377,383,389],{},[27,351,352,355],{},[30,353,354],{},"前端框架","：Nuxt 3 + Vue 3 + TypeScript",[27,357,358,361],{},[30,359,360],{},"样式方案","：Tailwind CSS（iOS 26 Liquid Glass 风格）",[27,363,364,366],{},[30,365,50],{},"：PouchDB（IndexedDB 存储，支持离线使用）",[27,368,369,57],{},[30,370,56],{},[27,372,373,376],{},[30,374,375],{},"富文本编辑","：Tiptap（支持自定义扩展）",[27,378,379,382],{},[30,380,381],{},"数据可视化","：Chart.js",[27,384,385,388],{},[30,386,387],{},"状态管理","：Pinia",[27,390,391,394],{},[30,392,393],{},"认证安全","：JWT + BcryptJS",[14,396,72],{"id":72},[74,398,400],{"id":399},"场景感知引擎","🎯 场景感知引擎",[24,402,403,406,409],{},[27,404,405],{},"根据时间和用户习惯自动切换工作\u002F生活\u002F财务场景",[27,407,408],{},"不同场景呈现差异化仪表盘和操作入口",[27,410,411],{},"减少手动切换，让系统适应你的节奏",[74,413,415],{"id":414},"智能任务中心","📋 智能任务中心",[24,417,418,421,424],{},[27,419,420],{},"多源任务捕获：邮件、消息、语音等多渠道录入",[27,422,423],{},"任务优先级自动排序与时间块分配",[27,425,426],{},"日常任务管理时间从 15 分钟压缩到 5 分钟",[74,428,430],{"id":429},"️-项目全生命周期管理","🏗️ 项目全生命周期管理",[24,432,433,436,439],{},[27,434,435],{},"自定义项目仪表盘，可视化项目进度",[27,437,438],{},"完整生命周期跟踪：规划 → 执行 → 测试 → 上线",[27,440,441],{},"每个环节进度透明，项目状态一目了然",[74,443,445],{"id":444},"财务管理","💰 财务管理",[24,447,448,451,454],{},[27,449,450],{},"支出追踪、预算管理与财务洞察",[27,452,453],{},"AI 驱动的消费分析与建议",[27,455,456],{},"收支趋势可视化，掌握财务健康",[74,458,460],{"id":459},"目标罗盘okr","🧭 目标罗盘（OKR）",[24,462,463,466,469],{},[27,464,465],{},"OKR 框架连接日常任务与长期目标",[27,467,468],{},"习惯追踪系统，将目标拆解为可执行的每日行动",[27,470,471],{},"目标达成率可视化，保持方向感",[74,473,475],{"id":474},"本地优先架构","🔄 本地优先架构",[24,477,478,480,482],{},[27,479,129],{},[27,481,132],{},[27,483,484],{},"多工作空间支持，UUID 隔离确保数据安全",[14,486,168],{"id":168},[10,488,489],{},"这个项目是我对\"个人数字基础设施\"的探索。它不只是工具的组合，而是一个真正理解用户场景、主动适配需求的生活操作系统。本地优先的架构确保了数据主权和隐私安全，而场景感知引擎则让系统从被动等待指令进化为主动提供服务。",{"title":173,"searchDepth":174,"depth":174,"links":491},[492,493,494,502],{"id":16,"depth":174,"text":16},{"id":22,"depth":174,"text":22},{"id":72,"depth":174,"text":72,"children":495},[496,497,498,499,500,501],{"id":399,"depth":181,"text":400},{"id":414,"depth":181,"text":415},{"id":429,"depth":181,"text":430},{"id":444,"depth":181,"text":445},{"id":459,"depth":181,"text":460},{"id":474,"depth":181,"text":475},{"id":168,"depth":174,"text":168},"个人生活操作系统——集场景感知、智能捕获、OKR 目标管理于一体的本地优先生活管理平台","https:\u002F\u002Fgithub.com\u002Fbailan-valar\u002Flifeos",{},"\u002Fprojects\u002Flifeos",{"title":331,"description":503},"projects\u002Flifeos",[510,199,200,202,203,511],"Nuxt 3","Tiptap","\u002Fimages\u002Fprojects\u002Flifeos.png","t1TtzVsID9LgCcPRjrIc1UMxDPVCNP4CdbzWYjNuE5s",{"id":515,"title":516,"body":517,"date":575,"description":576,"extension":189,"featured":190,"githubUrl":577,"liveUrl":578,"meta":579,"navigation":190,"path":580,"seo":581,"stem":582,"tags":583,"thumbnail":562,"__hash__":586},"projects\u002Fprojects\u002Fexample-project.md","示例项目",{"type":7,"value":518,"toc":568},[519,522,524,527,529,540,542,554,557,563,565],[10,520,521],{},"这是一个示例项目页面。在这里你可以详细介绍你的项目：",[14,523,16],{"id":16},[10,525,526],{},"描述项目的背景和起因...",[14,528,22],{"id":22},[24,530,531,534,537],{},[27,532,533],{},"前端：Vue.js + TypeScript",[27,535,536],{},"后端：Node.js",[27,538,539],{},"部署：Cloudflare Pages",[14,541,72],{"id":72},[543,544,545,548,551],"ol",{},[27,546,547],{},"功能一：描述功能特点",[27,549,550],{},"功能二：描述功能特点",[27,552,553],{},"功能三：描述功能特点",[14,555,556],{"id":556},"项目截图",[10,558,559],{},[560,561],"img",{"alt":556,"src":562},"\u002Fimages\u002Fprojects\u002Fexample.png",[14,564,168],{"id":168},[10,566,567],{},"这个项目让我学到了很多...",{"title":173,"searchDepth":174,"depth":174,"links":569},[570,571,572,573,574],{"id":16,"depth":174,"text":16},{"id":22,"depth":174,"text":22},{"id":72,"depth":174,"text":72},{"id":556,"depth":174,"text":556},{"id":168,"depth":174,"text":168},"2024-01-15","这是一个示例项目，展示如何在网站上展示你的作品","https:\u002F\u002Fgithub.com\u002Fexample","https:\u002F\u002Fexample.com",{},"\u002Fprojects\u002Fexample-project",{"title":516,"description":576},"projects\u002Fexample-project",[584,200,585],"Vue.js","Nuxt","FgP1kzCwxUSykz1QGXRGZO_b1FZ-X5HjWZWXqTOpNKI",1781492197921]