如果你在关注AI，你一定听说过Claude Code。自媒体上关于它的教程、经验、Vibe Coding体验，每天刷都刷不完。如此高频出现的工具，如果你听到只是左耳朵进右耳朵出，始终没去试试——那么我猜，你有可能是让Claude Code这个名字"劝退"了。

"Code"这个词，会让人下意识觉得：这是给程序员用的吧？我得会写代码？配环境？我一个编程小白，用得上吗？

其实，Claude Code远不只是一个编程工具，它更是一个普通人也能上手的AI Agent。你不需要先学会写代码来拿一张"入场券"，你只需要开始描述你想要的东西，然后在一轮轮对话中选择，否定，确认，调整，直到把你的想法变成现实。在这个过程中，Claude Code会像一支专业交付团队，和你一起推进项目实现。而你将真切体会到自己的华丽转身：从一个"提需求的人"，变成了真正的"构建者"。

近期需要为产品系列设计一个网站。作为需求方，我要将网站UI和交互设计精准传达给开发团队。传统工作模式下，网站内容、风格与交互逻辑，都需要多轮讨论并整理出详细的需求文档供需求方和开发方对齐。而这次，和Claude Code一起，我直接设计了网站UI雏形与开发团队对接。

起初，当我提出想要做个网站的时候，Claude Code显然把我当成了熟手，直接让我选择技术栈。这对零网站经验的我有点深奥了。受“小龙虾之父”的启发：“AI是拥有无限耐心的私人导师”。于是，我直接告诉它我不懂这些技术栈。它开始贴心地引导我回答问题。

我描述了我的网站功能：

“网站内容是产品介绍，网站可以连接到不同产品，每个产品是一个小工具，用户在这个网站完成注册，找到想要的工具，工具可能需要订阅使用或者充值使用，用户在网站上完成支付。后台有用户管理功能，用户登录和所有付款记录都要有。”

通过我的简单描述Claude Code精准判断出产品类型，并开始一边询问我的代码经验，一边询问我产品细节。

这时我还是觉得它给的太多了，其实我现在想要的仅仅是网站UI设计雏形。我明确了我现阶段的目标，它直接给设计框架，并询问我有没有参考风格。如果你见过一些AI设计的丑网站，就会知道这里Claude Code有多聪明。

但此时我看了它给的页面设计框架，很想继续跟它深入讨论。于是，我们继续页面设计的讨论。任何我没有注意到的可能会影响UI设计的细节，它会主动提出来问我。它很清楚需求不明确的开发很可能“白费工夫”。我们继续讨论了功能归位，推荐回馈机制，用户仪表盘等等。

我感觉我脑子里原本模糊的网站雏形，逐渐清晰。这时我已经对 Claude Code的交付方式熟悉起来，我发现我在循环地描述、选择、否定、确认。每经过一个循环，我都在向我的目标靠近。同时，Claude Code不忘重复提醒我一直没有确认的风格问题。

关于UI设计风格，我直接回答它的三个问题，特别提到让它去参考一下OpenAI/ChatGPT和OpenRouter的网站设计风格。然后，它又耐心地指导我怎么把我的Logo丢给它。

随后，我又提供给它之前为网站写的文字内容。它很“贴心”地告诉我，文字、截图、文档都行。

然后它就去设计了，我看到窗口刷刷闪过一段段代码，没多久我就得到了第一版预览。

这个效果，还不错，是我想要的极简风格。浏览了全部页面之后，发现一些问题。例如，比例不好看，中英文内容错位（可能因为我只提供了截图，没做任何说明），以及**入很多不怎么精美的emoji，等等。

后面，我和Claude Code就边聊边做调整，直到我可以放心地把这个网站设计雏形及Claude Code帮忙写的html，css，js等交付开发人员。

整个设计，如我们前面看到的，聊着聊着就出来了。第一版出来后，我花了点时间和Claude Code一起做微调。给我同样的时间，我可能整理不出来足够把这个设计描述清楚的文档，拿着文档与开发团队对接好会需要更多的时间，而开发团队还要从头开始编码。我切实地体会到，一个聪明的AI工具，如何让一个产品经理的工作变得简单，快速，高效，流畅。

要说Claude Code技术门槛，只有那么一点点。你需要有个运行Claude Code的环境，需要让它有Token可用，需要让它稳定运行。使用高质量API中转站提供的Key来配置环境变量是非常靠谱儿的选择。

安装Node.js, git, 和Claude Code的方法不再赘述。配置环境变量，操作如下：

1. 打开终端

2. 输入 nano ~/.zshrc

3. 将下面两行export代码粘贴进去：bashexport ANTHROPIC_BASE_URL=

https://api.hai.network/anthropic

4. export ANTHROPIC_API_KEY=sk-pat-xxxxxxxxxxxxxxx

5. 保存 (Ctrl+0, Enter) 并退出 (Ctrl+X)

6. 输入 source ~/.zshrc 让配置立即生效

Claude Code并非程序员专属，而是普通人也能上手的“创作伙伴”。写代码是“小白”，网站搭建“零经验”，都不是问题。如果你是最懂产品的那个人，你只需要做你最擅长的事，并开始尝试让AI了解你的产品。你会发现，随着沟通的深入，它会“越来越懂你”，最终成为你的好拍档。

Build with HAI - 访问portal.hai.network，一站接入全球顶尖AI模型