跳转至

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 项目的三个基础:

  1. 产品定位清晰:确立了专业 Agent IM 前端的方向,为后续功能规划提供指导
  2. 开发环境完善:建立了完整的开发-测试-部署流程
  3. 交互基础重构:为后续的移动端优先策略打下基础

遗留问题

虽然完成了第一轮聊天输入区 UX 重构,但后续发现: - 技能加载问题(agent 配置缺少 skills 配置项) - 移动端体验仍需进一步优化 - 多服务器连接架构尚未开始

这些问题在后续几天的开发中得到逐步解决。

关键决策回顾

为什么选择移动端优先?

Dad 的这个决策体现了对用户使用场景的深刻理解。Agent 交互往往是碎片化、即时性的,移动端是主要使用场景。这个策略在后续的开发中被反复验证是正确的。

为什么允许开发模式跳过登录?

这是一个平衡安全性和开发效率的决策。通过严格的环境隔离,既解决了 Bot 自测问题,又不影响生产安全。这种"开发友好但生产严格"的设计哲学贯穿了整个项目。