AI搭个人网站流程2026年10月7日提问追问1次9次类似提问

想請問課代表直接用claude design 跟你這樣先跟claude 對話 再用 claude code 做出來的網站有什麼不一樣嗎?

两条路差别不在工具,而在你给了 AI 多少判断依据:只对话容易得到通用模板,用 Claude Code 边做边改,才把摄影师的取舍写进页面。

AI根据立正公开的文章和视频整理,不是他本人回复。重要的判断,请回到出处核对。

空洞感来自 AI 拿不到你的判断标准

材料里的观点

普通对话式生成,你给的信息往往只有一句“帮我做个摄影师 landing page”,AI 只能套通用审美和通用文案,所以看起来像模板。真正决定产出质量的不是那句话写得多漂亮,而是 AI 执行时看到了什么:你的风格偏好、验收标准、过去的取舍,读不到就等于不存在⁠1。对摄影师来说,这意味着要把“我拍什么、给谁看、想让人先看到哪张照片”写清楚,而不是让 AI 猜。

先做出来再改,比先想清楚更有效

立正提到,哪怕花两三天做出一个错的东西,也比花同样时间写一份设计稿更有用,因为对方一看就知道问题出在哪,能给出更快的指点⁠2。放到你的处境:先用 Claude Code 把页面搭出一个能看的版本,哪怕照片是占位的、文案是草稿,也比在对话里反复描述更快暴露问题。做出来之后你才能观察到真实效果,很多对产品的感觉是在做的过程中才发生的⁠3。

页面要编排注意力,不是堆完整信息

材料里的观点

一个 landing page 早期版本常常太完整,用户看三遍才明白在卖什么;真正有用的是让新用户先回答几个问题:这是什么、谁在做、能得到什么、多少钱、还没决定时看什么⁠4。视觉本身也在参与论证,颜色、留白、照片的真实感会改变同一句话被怎样理解,过度精致的 AI 生成图反而让人先怀疑真假⁠5。对摄影师,这正好是你的优势:真实作品比任何装饰都更能证明你值得被信任。

资料没有直接比较 Claude design 与 Claude Code 两种工具的具体功能差异,以上是从“给足上下文、先做出来再改”的角度推演,工具本身的界面和收费差异需另行核对。

出处

  1. 1AI User 与 AI Builder 的 5 个差距,和背后具体技术原因 | 科技大厂打工人版

    超线性学院2026-04-10

    解释为什么只靠一句 prompt 容易得到通用结果,以及需要给 AI 哪些判断依据

  2. 2如何高效学习和高效工作

    视频2021-01-21

    说明先做出可看的东西比先写设计稿更利于发现问题

  3. 3Cursor设计负责人Ryo:软件的本质都一样|什么是品味?|AI时代,设计师一定要抛弃Figma

    会员视频多人发言 · 说话人待核2026-02-20

    可回到原文核对这部分判断

  4. 469 个版本,99 次 commit后,我做好了Stay Superlinear的主页

    超线性学院2026-07-18

    讲 landing page 作为决策路径该先回答哪些问题

  5. 5如何做一个考虑周全的landing page?(101次迭代后的7个lessons)

    超线性学院 · 会员2026-08-03

    说明视觉与真实感如何影响读者对页面的信任

追问2026年10月7日

比较 Claude design 与 Claude Code 两种工具的具体功能差异

两者不是同一类工具:Claude Design 负责把已有的设计判断画成页面,Claude Code 负责在本地文件上持续改、能留下成果;摄影师 landing page 显得空洞,通常是因为判断依据没给够。

Claude Code 能留下文件,Design 只出页面

有主讲把 agentic 工具和聊天窗口的区别讲成三点,第一点就是它能调度本地文件和本地工具,写下的代码会留在电脑上,还能自己下载并调用外部工具⁠1。Claude Code 的操作单位是文件,文件存在磁盘上、有状态,所以可以一章一章地改、崩了重开接着做,术语一致性也能靠“先读整个文件再改”解决⁠2。Claude Design 更接近出图:它拿到一份 design brief 才画页面,画完再导回去⁠3。所以对摄影师来说,Code 适合把作品集结构、文案、图片规格一点点调成你要的样子,Design 适合你已经想清楚要什么之后快速出视觉稿。

空洞多半是判断依据不够,不是工具选错

AI推演

有人把差距归到工作方式而不是工具:同一个工具,给足上下文和验收标准,和只丢一句话,结果完全不同⁠4。一位非工程背景的实践者是先在对话里把方向聊清楚,写成文档,再进 Code 写开发计划、逐个做功能,最后才让 Code 写 design brief 交给 Design 画页面⁠3。你现在的 landing page 空洞,可能的原因之一是只给了“做个摄影师主页”这类通用描述,AI 只能填模板。可以先试一件事:挑三张你最想被看到的照片,写清每张为什么选它、想让访客看完做什么,把这段当上下文再让工具改一版,看页面是否开始像你而不是像模板。

现有材料没有逐项对比 Claude Design 与 Claude Code 的功能清单,上面的区别来自对 agentic 工具与出图环节的描述,具体界面和收费以官方为准。

出处

  1. 1用豆包还是Codex,正在加速两极分化…

    视频2026-08-07

    讲清 agentic 工具比聊天窗口多出的本地文件、工具调度能力,是理解 Code 与出图工具差别的起点。

  2. 2From Process Certainty to Outcome Certainty: A Different Kind of Confidence in the Age of AI

    超线性学院2026-01-28

    用翻译任务说明 Claude Code 以文件为单位、可断点续做,适合核对“能留下成果”这一点。

  3. 3对话麻省理工长毛兔:技术小白如何跟上AI时代|小红书如何涨粉?

    超线性学院2026-06-14

    给出非工程背景者从对话到文档、Code、Design 的完整衔接顺序,适合核对两者怎么配合。

  4. 4AI User 与 AI Builder 的 5 个差距,和背后具体技术原因 | 科技大厂打工人版

    超线性学院2026-04-10

    说明同一工具在不同工作方式下结果差异很大,适合核对 landing page 空洞是否出在上下文。

你也有想问的?

卡住的时候,问问立正:回答附有出处,可以点回原文核对。

也可以接着问:

所有问题 →