Clawline — 03-18 项目启动与基础修复¶
项目定位确认¶
Dad 的核心决策:明确当前主题是 Clawline 即时通讯 Web Client,而不是泛化的 AI demo;要求去掉与项目无关的命名和元素。
这个定位决策至关重要,直接影响了后续所有的功能规划和UI设计方向。Clawline 从一开始就被定义为专业的 OpenClaw Agent 生态 IM 前端,而不是通用聊天应用。
开发环境建立¶
开发站点上线¶
- 执行者:WebBot
- 结果:启动开发站点,提供可直接访问的 dev 地址:
https://web.dev.dora.restry.cn - 意义:为后续迭代提供稳定的预览和测试环境
开发模式跳过登录¶
- Dad 决策:允许增加"开发模式跳过登录",但要求生产环境移除
- 选型理由:为了让 Bot 能自测聊天界面,避免被登录页阻塞;同时通过 dev-only 开关控制风险
- 实现方式:通过环境变量或构建标志控制
- 安全考虑:严格限制在开发环境,生产部署时自动禁用
输入框交互重构¶
问题识别¶
原始输入框存在严重的UX问题: - "三个点"展开后不应继续保留原入口 - 整体交互逻辑混乱,用户不知道当前状态 - 移动端体验尤其糟糕
Dad 的明确要求¶
- 优先优化手机版,输入框交互要更自然
- 展开状态要有明确的视觉反馈
- 去除冗余的交互元素
Bot 的实现方案¶
- 重做输入框交互逻辑:展开/折叠状态明确区分
- 将输入框上方固定消息改为动态建议:提供更智能的输入辅助
- 以移动端为优先进行验证:确保触屏体验流畅
里程碑意义¶
这一天的工作奠定了 Clawline 项目的三个基础:
- 产品定位清晰:确立了专业 Agent IM 前端的方向,为后续功能规划提供指导
- 开发环境完善:建立了完整的开发-测试-部署流程
- 交互基础重构:为后续的移动端优先策略打下基础
遗留问题¶
虽然完成了第一轮聊天输入区 UX 重构,但后续发现: - 技能加载问题(agent 配置缺少 skills 配置项) - 移动端体验仍需进一步优化 - 多服务器连接架构尚未开始
这些问题在后续几天的开发中得到逐步解决。
关键决策回顾¶
为什么选择移动端优先?
Dad 的这个决策体现了对用户使用场景的深刻理解。Agent 交互往往是碎片化、即时性的,移动端是主要使用场景。这个策略在后续的开发中被反复验证是正确的。
为什么允许开发模式跳过登录?
这是一个平衡安全性和开发效率的决策。通过严格的环境隔离,既解决了 Bot 自测问题,又不影响生产安全。这种"开发友好但生产严格"的设计哲学贯穿了整个项目。