WorldTimely - 我的第一个AI协作项目：零基础做时区管理工具
作为编程零基础的互联网从业者，我第一次尝试使用 Claude Code 和 Cursor 等 AI 工具，从想法到成品完全靠人机协作完成了这个时区管理工具。专为跨时区协作和出行设计，支持多城市时间同步显示、拖拽排序、智能换算，帮你避免会议安排的时差错误。
我为什么要做这个工具
经常需要跨国协作的我，总是被时区问题困扰：
-
安排会议时搞混各地时间
-
给海外客户发邮件，不知道对方当地几点合适
-
出差时想快速了解目的地时间
-
现有的时区工具要么功能复杂，要么体验不够顺手
于是萌生了自己做一个的想法。
核心功能
多时区同时管理
-
一屏显示多个城市时间，最多支持 20 个
-
卡片视图和列表视图一键切换
-
拖拽排序，默认时区固定在首位
智能体验
-
自动识别你的时区并设为默认
-
按 Cmd/Ctrl+K 快速搜索添加城市
-
内置常用城市推荐按钮
-
实时时钟显示，避免误差
个性化设置
-
12/24 小时制切换
-
深色/浅色主题
-
中英文界面
产品截图展示
主界面 - 卡片视图
简洁的卡片布局，一眼看清全球时间。每个时区卡片显示城市名称、当前时间和日期，视觉层次清晰。
列表视图 - 信息密度更高
紧凑的列表布局，适合管理大量时区。相同的信息，更高的空间利用率。
快速搜索 - Cmd+K 调用
按下 Cmd/Ctrl+K 即可快速搜索城市，支持中英文输入，常用城市优先显示。
推荐城市 - 一键添加
内置常用城市推荐，覆盖主要商业城市和热门目的地，点击即可添加。
主题切换 - 深色模式
支持浅色/深色主题切换，适应不同使用环境和个人喜好。
适合谁用
-
跨国团队：再也不会在会议邀请里写错时间
-
外贸从业者：一眼看清多个市场的营业时间
-
自由职业者：和全球客户沟通更专业
-
留学生/旅行者：行程安排和家人联系更方便
使用体验
打开即用，界面简洁。初次访问会自动识别你的时区，然后通过搜索或推荐按钮添加常用城市。支持拖拽调整顺序，切换不同视图模式。
隐私说明
-
无需注册登录
-
所有设置和城市列表保存在本地浏览器
-
使用匿名统计分析改进产品体验
链接信息
我的零基础AI开发之路
作为完全没有编程经验的普通用户，我抱着试试看的心态开始了人生第一次"写代码"。使用 Claude Code 和 Cursor 等 AI 编程工具，第一天就做出了基础 demo，第三天就上线了可用版本，剩下的时间都在打磨 UX 和 UI 细节。
从信息架构设计到交互细节优化，再到中英文文案润色，每个环节都是和 AI 一起"结对编程"完成的。过程中最大的感悟是：在 AI 时代，想法和需求比技术门槛更重要。只要你知道自己想要什么，能清楚地表达需求和问题，AI 就能帮你快速实现。
当然，从 demo 到真正好用的产品，还是需要不断测试、收集反馈、持续迭代。但这个过程让我深刻体会到，具备想法懂 AI 的人借助 AI 做产品已经不再是很难的事情。