WeeklyZen,一个简洁无广的冥想小网站
这不是一篇教程了,而是我做的一个开源项目介绍,一个让人可以直接开始冥想的轻量网站。
先说结论,WeeklyZen 现在已经不是「怎么用 AI 做一个冥想网站」的教程案例了。对我来说,它更像是一个认真做出来的小项目,一个打开就能开始、尽量不打扰人的冥想网站。
我不太想把冥想做成那种很重、很玄、信息很多的东西。很多时候,人真正需要的不是再看一堆解释,而是一个安静入口,坐下来,呼吸,开始几分钟,就够了。
WeeklyZen 现在就是沿着这个方向在长。
当前对外地址
截至 2026 年 4 月 12 日,我查到当前可正常访问的是 weeklyzen.01mvp.com 和 zen.01mvp.com。旧的 weeklyzen.club 目前已经不是当前对外地址了。
这个项目现在是什么
WeeklyZen 是一个开源的、双语的、偏轻量的冥想项目。
它没有要求你先注册,没有一上来就塞给你很多概念,也不会把冥想包装得特别神秘。你打开首页,先看到的是一个很安静的呼吸球和一句话,想开始就点进去,不想开始也没关系,先逛逛「冥想入门」也行。
现在这个项目已经有几个比较完整的部分:
- 一个很克制的首页,重点是氛围和进入感
- 一个真正能用的冥想页面,支持时长、背景音和不同引导方式
- 一个对新手友好的冥想入门页面,讲基础知识、步骤和常见问题
- 一个关于页面,解释这个项目为什么存在,也解释「周周冥想」这个名字本身
我为什么会想做它
我一直觉得,冥想这件事本来应该是让人松一点的,结果很多产品反而会让人更紧绷。
要么是内容很重,打开之后先看半天说明。要么是氛围太用力,搞得你还没开始练习,心理负担先上来了。还有一种更常见,就是它默认你要特别自律、特别系统,最好天天坚持。
但我自己的想法不是这样。
WeeklyZen 这个名字本身,就已经把项目的态度说得很清楚了。不是非要每天都做到完美,而是每周愿意留出一两次安静练习,让注意力回到呼吸、身体和当下。哪怕只做一点点,也已经很好。
说真的,我更喜欢这种温和一点的产品观。它不催你,也不教育你,它只是把入口放在这里,等你想开始的时候,随时能开始。
现在这个版本,我最满意的几个点
1. 它真的足够轻
首页没有做成信息流,也没有做成那种一层一层往下压卖点的产品页。整个入口非常直接,呼吸球、主标语、开始冥想、冥想入门,差不多就这些。
这种轻,不只是设计风格的问题,也是我想传达的使用感。冥想本来就该安静一点。
2. 它不是只有一个计时器
现在的冥想页面已经不只是倒计时而已。
你可以自己选时长,配背景音乐,也可以选择不同的预设引导。仓库里还保留了 AI 生成自定义引导语的能力,所以它不是一个完全静态的冥想页,而是一个还有继续长空间的产品雏形。
我挺喜欢这一点的。它没有为了「AI」而硬塞 AI,但也没有把 AI 完全挡在外面。能帮上忙的地方,就让它自然地出现。
3. 它对新手是友好的
我现在越来越不想做那种默认读者已经懂很多东西的产品了。
所以 WeeklyZen 里单独放了「冥想入门」页面,把什么是冥想、怎么开始、常见误区这些内容都写进去了。你第一次来,不需要先去别处补课,也不需要先加入什么群,网站本身就能把你接住一点。
4. 它有一种比较克制的气质
这个项目里我比较在意的,不只是功能有没有,而是整个气质对不对。
双语切换、明暗主题、手机端适配、细一点的动效,这些当然都重要。但更重要的是,它们最后都服务于同一件事,就是别打扰用户,让人能更自然地进入呼吸和停顿。
这也是为什么它最后做出来,不像一个内容站,也不像一个课程站,更像一个简洁无广的小工具。
技术上,我是怎么把它搭起来的
如果只看公开仓库,WeeklyZen 现在用的是这一套:
Next.js 16React 19Tailwind CSSShadcn UIFramer Motion
这套技术选型其实很符合我现在做小项目的习惯,够快,够轻,也够好改。前端体验能拉起来,后面如果还想继续加功能,也不会太别扭。
公开仓库最近一次提交是在 2026 年 4 月 10 日,当时还在继续调整冥想页面里的状态标签。对我来说,这也挺重要的,因为它说明这个项目不是一个做完就扔在那里的 demo,它还在慢慢被打磨。
这篇文章为什么要重写
因为它原来更像一篇教程。
但现在回头看,我觉得 WeeklyZen 更值得被当成一个项目来介绍,而不是一个「教你怎么接 AI、生图、音频、视频」的案例集合。
教程当然也有价值,但这个项目现在真正有意思的地方,已经不只是怎么做出来,而是它想提供什么样的体验,它想用一种什么样的方式,让人更轻一点地开始冥想。
这才是我更想留下来的部分。
相关链接
- 在线体验,WeeklyZen
- 短域名,zen.01mvp.com
- 开源仓库,makerjackie/WeeklyZen