From 4c1f2d707c77c9647ea353dde3f0e945b5b22621 Mon Sep 17 00:00:00 2001
From: lizikk <lizikk@atomstorm.cn>
Date: Mon, 16 Mar 2026 02:00:01 +0800
Subject: [PATCH] vault: auto-sync 2026-03-16 02:00

---
 ...3-15-atlas-mac-landing-page-claude-code.md | 120 ++++++++++++++++++
 1 file changed, 120 insertions(+)
 create mode 100644 02-drafts/2026-03-15-atlas-mac-landing-page-claude-code.md

diff --git a/02-drafts/2026-03-15-atlas-mac-landing-page-claude-code.md b/02-drafts/2026-03-15-atlas-mac-landing-page-claude-code.md
new file mode 100644
index 0000000..6291023
--- /dev/null
+++ b/02-drafts/2026-03-15-atlas-mac-landing-page-claude-code.md
@@ -0,0 +1,120 @@
+---
+id: '2026-03-15-atlas-mac-landing-page-claude-code'
+title: '昨天还没下载入口，今天 Landing Page 就上线了——我用 Claude Code 做的'
+slug: 'atlas-mac-landing-page-claude-code'
+status: draft
+content_type: article
+channels:
+  - wechat
+  - x
+language: zh-CN
+source_urls: []
+assets: []
+cover_image: ''
+template: article
+owner: content-forge
+created_at: '2026-03-15T00:00:00+08:00'
+updated_at: '2026-03-15T00:00:00+08:00'
+published_at: null
+style: lizi_kk
+audience: '独立开发者、AI 编程爱好者'
+tags:
+  - AI-coding
+  - Claude-Code
+  - landing-page
+  - Atlas
+  - 独立开发
+source_notes:
+  - 'inline-draft-provided'
+---
+
+昨天 Atlas for Mac 那篇文章发出去之后，后台私信最多的问题让我有点意外。
+
+不是功能建议，不是 bug 反馈。
+
+就一句话：**DMG 在哪下？**
+
+说实话看到这个问题的第一反应不是高兴——而是意识到自己犯了一个最基本的产品错误：
+
+用户想体验，但连入口都没有。
+
+不是功能不够多，不是文档不够全。就是少了一个最简单的 landing page，告诉用户三件事：这是什么，怎么下载，怎么安装。
+
+所以今天干了一件很直接的事：用 Claude Code + Codex，给 Atlas for Mac 补了一个 landing page。
+
+现在已经上线了：**http://atlas.atomstorm.ai/**
+
+【图片 1】
+Atlas for Mac landing page 首页截图
+
+---
+
+说说这次用 AI 做的过程。
+
+我没有上来就说帮我生成一个页面。
+
+过了这么久 AI coding 的坑，我现在的习惯是先把需求讲清楚，再让它动手。这次给的需求大概是这些：
+
+- 做一个 Atlas for Mac 的 landing page
+- 首屏要有 hero + 下载按钮
+- 要有安装步骤引导
+- 要有核心功能介绍
+- 整体风格简洁、直接，别花哨
+
+【图片 2】
+在 Claude Code 里输入需求的截图
+
+五条需求，没什么花活。但就这五条够了。
+
+目标越明确，AI 出的第一版越能直接用——这个体感我现在是越来越强。
+
+【图片 3】
+Claude Code 输出第一版页面的截图
+
+第一版出来得很快，核心模块基本都在了：首屏 hero、下载按钮、安装步骤、功能概览。
+
+但有了和能用之间还是有距离的。
+
+后面主要是微调。文案太啰嗦的砍掉，下载按钮不够突出的调大，安装步骤太技术的改成人话，移动端没适配的补上。
+
+【图片 4】
+继续修改文案和样式的截图
+
+这种先出骨架、再反复磨的节奏其实挺舒服的。
+
+以前做这类页面，每一步都不难——搭结构、写 CSS、调文案、做响应式。但攒在一起就很碎，很容易拖。
+
+（说容易拖其实是客气了，这种小项目在我的 todo 里通常会躺到忘记为止。）
+
+现在呢，AI 先给你一个能看的版本，你在上面改就行了。启动成本几乎为零，心理门槛也低了。
+
+---
+
+如果要我总结这次的体感，就一句话：
+
+**Landing page、活动页、产品介绍页，是当前 AI coding 最实际的战场。**
+
+原因很简单：信息结构明确，不需要复杂业务逻辑；对交付速度敏感，用户已经在问了你不能拖一周；质量要求适中，不需要完美但需要能用。
+
+这三条同时成立的时候，AI coding 的优势碾压式的。
+
+【图片 5】
+最终上线效果截图
+
+如果你正好想体验一下 Atlas for Mac，现在可以直接从这个页面下载：
+
+**http://atlas.atomstorm.ai/**
+
+下载，安装，打开。三步搞定。
+
+---
+
+这次做完之后，我越来越确信一件事：
+
+AI coding 最有价值的地方，不是一句话做完整个产品——而是把那些你脑子里知道该做、但总是拖着没做的小东西，快速推上线。
+
+一个 landing page，一个内部工具，一个自动化脚本。
+
+每个都不难。但如果没有 AI 帮你出第一版，它们可能永远停在 todo 里。
+
+后面我也会继续分享一些 AI coding 的实战内容，如果你也在用 Claude Code 或者 Codex 做真实项目，欢迎关注 Atomstorm，一起聊。
\ No newline at end of file