120 lines
4.0 KiB
Markdown
120 lines
4.0 KiB
Markdown
---
|
||
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，一起聊。 |