产品经理：从 PRD 到可交互原型

场景背景

你是一名产品经理，手头有一份「用户登录页面」的需求文档。下周一要给团队演示方案，但设计师这周在忙别的项目。你想快速做出一个可以点击的网页原型，让大家直观感受产品形态。

你不需要会写代码。你只需要会用自然语言描述你想要什么。

你将学到： 如何用 Claude Code 把文字需求变成可以在浏览器里打开的交互原型，以及如何通过多轮对话不断迭代优化。

前置准备

• 已安装 Claude Code（参考 安装指南）
• 会打开终端（macOS 按 Cmd + 空格，搜索"终端"）
• 准备好你的需求文档（哪怕只是几句话也行）

第一步：创建项目文件夹

打开终端，输入以下命令：

mkdir ~/login-prototype && cd ~/login-prototype

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

为什么这样做： 我们需要一个干净的文件夹来存放原型文件。mkdir 是"创建文件夹"的意思，cd 是"进入文件夹"的意思。

第二步：启动 Claude Code

claude

你会看到什么： 终端显示 Claude Code 的欢迎界面，出现 > 提示符，等待你输入。

为什么这样做： 这一步启动了 Claude Code，接下来你可以用自然语言跟它对话。