设计师：快速搭建营销着陆页

场景背景

你是一名 UI 设计师（或市场营销人员），公司刚发布了一款新产品——一个 AI 写作助手叫"妙笔"。老板说"下周一之前要一个着陆页上线"，但前端开发排期排到了下个月。

你有设计稿（或者脑子里有画面），但你不会写代码。你决定用 Claude Code 自己搞定：用自然语言描述设计，让 Claude 生成一个带动画、响应式的着陆页，效果好到可以直接上线。

你将学到： 如何用自然语言描述视觉设计、让 Claude Code 生成带 CSS 动画和响应式布局的网页、通过对话迭代调整细节，全程不需要写一行代码。

前置准备

• 已安装 Claude Code（参考 安装指南）
• 会打开终端
• 有产品的基本信息（名称、卖点、目标用户）
• 最好有设计稿或参考网站的截图（没有也行，用文字描述）

第一步：创建项目并准备素材

mkdir ~/miaobi-landing && cd ~/miaobi-landing

你会看到什么： 终端没有输出，光标换到新一行。文件夹创建成功。

为什么这样做： 着陆页可能包含多个文件（HTML、CSS、图片），需要一个专门的文件夹。

第二步：启动 Claude Code，描述整体设计

claude