历史制作回顾:初版 e-Invoice 网站如何用 Claude Code 制作 | WINS Management
Behind the Scenes

这个网站,
是一句一句聊出来的。

当时制作的初版 wins-management.my/e-invoice——四个页面、一个自测器、32 张技术卡、一整套官方原文引用——从头到尾没有设计稿、没有开发团队、没有写过一行手打的 HTML。

全程只有一个人,在 Claude Code 里打了 27 段话。

这一页把那 27 段话原封不动公开,连同每一次「推倒重做」的完整过程。给正在学 Claude Code 的你。

27
条真实指令
28h
从零到上线
4
个成品页面
660+
次工具调用
先看成品

27 段话,换来这四页

先知道终点长什么样,再回头看路怎么走的。这四页现在都在线上跑着。

完整过程

五幕,27 段对话

每一段引用都是当时打进去的原句,一个字没改(包括打错的字)。下面配上 Claude 实际做了什么,以及这一步值得你学的那一点。

1

先有料,才有页

Day 1 · 20:59 – 21:28 · 约 30 分钟

还没想过网页长什么样。第一步是把马来西亚 e-Invoice 这件事,弄成一个「问什么都答得出」的资料库。

👤 我打的第一句 开场
现在我要你帮我去处理:你要搜集完整个马来西亚关于 e-Invoice 的全部资料,然后成为这方面的专家,问到你什么你都一定要懂。 你想尽办法去整个网上把能拿到的资料全部拿下来,整理并做成一个资料库。
Claude 做了什么
  • 反问了两个问题(用 AskUserQuestion):要做多深?要中文还是英文?——它没有直接开跑。
  • 确认范围后,直接去 LHDN 官网抓现行的 Guideline v4.7、Specific Guideline v4.8、General FAQs 三份 PDF。
  • 发现旧的 /media/... 链接已经 404,自己找到新路径 hasil.gov.my/wp-content/uploads/。
  • 用 PyMuPDF 把 PDF 抽成纯文本,存进 sources/,然后整理成 12 份分类 Markdown。
💡 学员该学这一点
开场不要说「帮我做个网站」。先让它变成这个领域的专家,再让它做东西。资料库是资产——网页只是资料库的一种呈现方式。这个 e-Invoice 项目后来能一口气开出四个页面,就是因为第一步囤的料够厚。
👤 第二句:叫它用重武器 +2 分钟
Run the "deep-research" workflow.
Claude 做了什么
  • 把「马来西亚 e-Invoice」拆成 12 个研究维度(法规时间线 / 豁免范围 / 单据类型 / self-billed / 合并发票 / 字段规范 / 技术实施 / 营运操作 / 行业特例 / 罚则 / 实操 / FAQ)。
  • 派出 上百个子 agent 并行搜索、抓取、交叉验证。
  • 关键机制:每一条事实要经过 3 票对抗验证——两票判它是假的,这条就被砍掉。
  • 结果砍掉了三个网上流传很广的错误说法:
    ❌「营业额低于 RM500k 豁免」(真实是 < RM1m)
    ❌「RM1m–5m 展延到 2026」(真实是 ≤RM5m → 2026-01)
    ❌「有 9 种单据」(真实是 8 种)
📄 展开:那段 12 点研究大纲的完整原文 这是整个项目最值钱的一段 prompt
Malaysia LHDN/IRBM e-Invoice (MyInvois) — build a complete, expert-level,
citation-backed knowledge base as of July 2026. Cover EXHAUSTIVELY, prioritising
official LHDN/IRBM sources (myinvois.hasil.gov.my, hasil.gov.my,
sdk.myinvois.hasil.gov.my) and noting the "as of" date + version number of
every guideline cited:

1. LEGAL & TIMELINE: Full mandatory implementation phases by annual turnover,
   including all revisions/postponements up to July 2026. Which phase is live NOW,
   which are pending, exact go-live dates and relaxation/grace periods per phase.
   Legal basis (Income Tax Act sections, Rules/Orders, Tax Corporate Governance).
2. SCOPE & EXEMPTIONS: Who must comply, who is exempt (turnover thresholds,
   exempt persons/entities/income types), and how exemptions changed over time.
3. DOCUMENT TYPES: Invoice, Credit Note, Debit Note, Refund Note, and
   Self-Billed variants — when each is used.
4. SELF-BILLED e-INVOICE: full list of scenarios (foreign suppliers/imports,
   agents, e-commerce, profit distribution, betting, etc.).
5. CONSOLIDATED e-INVOICE: rules, monthly deadline, which industries CANNOT
   consolidate, receipt requirements.
6. FIELD SPEC: all mandatory/optional data fields, TIN rules and special TINs
   (EI00000000010/20/30/40 etc.), MSIC codes, classification codes list,
   currency/exchange rate, unique identifier number, QR code/validation link.
7. TECHNICAL: MyInvois Portal vs API/SDK. API workflow, UBL 2.1 JSON/XML,
   digital signature/certificate requirements, sandbox/preprod, validation,
   72-hour rejection/cancellation window (confirm exact current window),
   rate limits/API limits, ERP middleware & Peppol.
8. OPERATIONS: buyer vs supplier obligations, what happens if buyer doesn't
   provide TIN, foreign buyers, employee claims/expense reimbursement,
   disbursements vs reimbursements, foreign-currency invoices, cross-border.
9. INDUSTRY SPECIFICS: retail/F&B, healthcare, aviation, construction,
   financial services, insurance, e-commerce platforms, petrol stations, freight.
10. PENALTIES & ENFORCEMENT: fines under Section 120(1)(d), prosecution,
   current enforcement/grace-period stance, whether penalties are being enforced.
11. PRACTICAL: MyInvois Portal step-by-step, taxpayer registration/ClientID,
   MyTax/e-Daftar link, common mistakes, SME cheapest compliance path,
   cost of accredited providers.
12. FAQ: LHDN's own published FAQ items and the most-asked real-world
   questions from Malaysian accountants/SMEs.

Flag explicitly where sources conflict or where a rule has been superseded,
and state what is UNCERTAIN or needs verification against the latest LHDN
guideline PDF. Return dense, factual, citation-heavy output with exact numbers,
dates and codes — this becomes a reference knowledge base, not a summary.
💡 学员该学这一点
看这段 prompt 的三个特征,套到你自己的题目上:
① 点名可信来源(只信 hasil.gov.my,不信随便哪个博客)
② 要求标注版本和日期(法规会改版,没有日期的答案等于没答案)
③ 最后那句最关键:明确叫它「讲出哪里来源打架、哪里你不确定」。
大部分人的 prompt 缺的就是第③点——不给 AI 说「我不确定」的空间,它就只好编一个听起来很确定的答案给你。
2

先上线,再说好不好看

Day 1 · 21:28 – 22:06 · 约 40 分钟

资料齐了,做成网页丢上线。第一版很快就有,但也很快就被否决。

👤 一句话交代设计 + 部署
页面色系要match https://wins-management.my/ 然后部署上线,网址设定成 https://wins-management.my/e-invoice
Claude 做了什么
  • 自己去打开 wins-management.my,把主站的配色、字体、圆角、阴影抽出来(奶油浅色底 + teal 绿 + gold 金)。
  • 做成页面,然后一条命令部署上 Cloudflare Pages:
    npx wrangler pages deploy . --project-name=wins-management --branch=main
💡 学员该学这一点
别自己抄色码。给它一个现成网址,叫它「match 这个」,它会自己去看、自己抽。
还有:「部署上线」这四个字就够了。不需要你去 Cloudflare 后台拖文件夹。
👤 上线后马上挑毛病
图1 - 你确认有match到我要求的这页面颜色? 图2 - footer 要用这页 https://winsleads.app/ 但是那个引流那卡片,要引流到 一天的老板AI课 要放入 的Meta pixel
Claude 做了什么
重新对比两站的实际渲染颜色(它会用浏览器工具去读真实的 computed CSS,不是靠猜),修正色差;照着 winsleads.app 重做 footer;把 Meta Pixel 埋进 <head>。
💡 学员该学这一点
直接截图丢给它。「图1 你确认有 match 到吗」比打一百个字描述哪里不对更快、更准。
在 Claude Code 里,截图是最高效的沟通方式。
👤 一个符号的挑剔
“§” 这是什么符号?让人一看觉得是乱码
Claude 做了什么
全站换掉法律条文的 § 符号,改成「第 X 节」。(后来第二次还犯,被再骂一次才改干净。)
💡 学员该学这一点
AI 的默认审美是写给同行看的——法律符号、专业缩写、技术术语,它觉得很正常。
你的用户不是同行。这种「小事」你不讲,它永远不会自己改。
3

推倒重做

Day 1 · 22:06 – Day 2 · 00:25 · 约 2.5 小时

这是整个项目的转折点。第一版做得「很整齐」,但整齐没有用。

👤 全盘否决 ⚡ 转折点
1-做个 e-Invoice 合规自测工具(输营业额→秒出"你该几时开+怎么最省钱") 图1 - 整个网站有很多资料都是像参考图这样显示,一点对用户的价值都没有。这整个网站要做到像教科书一样,要让人看得懂,所以需要做讲解,而不是写一堆没用的符号、记号和数字。刘作者是一个很贴近普通老百姓的专家,由他来讲解这个让人难懂的政策,这才是对用户最大的价值。我需要你重新整理所有资料的呈现方式,并去参考各大 YouTube、TikTok、IG、小红书以及很多博主最爆的方式,来做内容讲解。 同时,网站呈现的方式要有美感,互动性要高,视觉化也要很强。你都没有善用你有的那些最厉害的工具,全部拿来用好它
Claude 做了什么
  • 整页重写。首屏从「资料卡片索引」换成自测器:选 2022 营业额 + 行业,直接出判决。
  • 加了三个真人老板故事卡(阿明咖啡店 / 陈姐网店 / Ah Seng 建筑)——抽象法规变成看得懂的场景。
  • 加了「你在这里」的联动时间轴、破传言区、罚则诊断书、省钱两条路。
  • 32 张技术卡收进「查资料」模式,默认不显示——需要的人才看得到,不打扰一般人。
  • 另外跑了两份研究:一份对标英国 GOV.UK / 美国 IRS / 新加坡 IRAS 怎么解释 e-Invoice,一份拆解小红书和短视频的爆款内容公式。两份都存进 sources/,当成这四页的设计依据。
💡 学员该学这一点
这一段是整个项目最重要的一句话,值得逐句拆:

① 「一点对用户的价值都没有」——不要说「我不喜欢」,要说为什么对用户没价值。理由讲清楚,它才改得对方向。
② 「刘作者是一个很贴近普通老百姓的专家」——给它一个人设。这比说「写白话一点」有效十倍。
③ 「你都没有善用你有的那些最厉害的工具」——Claude 默认会挑省事的做法。你不逼,它不会自己上重武器。
👤 叫出设计专用的 skill
/frontend-design
Claude 做了什么
载入一整套「设计总监」的工作方式:先定一个明确的视觉主张,再决定字体、配色、版面,而且要求「不能看起来像模板」。
这一版定下的东西一直用到今天:Instrument Serif 大标题、奶油底 teal/gold、以及最有辨识度的那条——单据撕孔虚线当分隔线(呼应「发票」这个主题)。
💡 学员该学这一点
打 / 看看你有哪些 skill。Skill 就是把一整套专业工作流打包好,一句话调用。
不用 skill,你得自己解释「什么叫好设计」;用了 skill,它自己知道该问什么、该定什么。
👤 三条修改,一次讲完
1-把“死线”这字眼改成“期限” 2-把这段:“先讲人话:e-Invoice 到底是什么?别被 “UBL 2.1”、“API”、“55 个字段” 这些字吓到。整件事,一句话讲得完。” 直接改成只剩下:“e-Invoice 到底是什么?”就可以了 图1 - 这CTA不要,我们的专业没有在e-invoice,不要拿石头砸自己
Claude 做了什么
全站搜替「死线」→「期限」;删掉那段自作聪明的铺垫;拿掉那个把 WINS 包装成 e-Invoice 顾问的 CTA。
💡 学员该学这一点
两件事:
① 「死线」是中国网络用语,马来西亚读者看不懂。AI 的中文默认带着大陆互联网腔,本地化要你自己把关。
② 「不要拿石头砸自己」——AI 会热心地帮你加 CTA、帮你自我推销。但它不知道你的真实业务边界在哪。这一条只有你能判断。
👤 两次追杀同一个问题
1- 注明📎 Guideline的地方,就要让人点击查看源头source,不然这标记没有意义 2-我说了不要出现“§”这样看起来像乱码的符号
👤 还不够,再逼一层
“Guideline v4.7 第1.5节, Table 1.1” 这个标记就差页数,像这个是在官方原文的第12页,这才是对用户最有价值的资讯,你要站在用户角度去思考
Claude 做了什么
把每一处引用改成可以点的链接,而且带上 PDF 页码锚点(...pdf#page=12)——点下去直接跳到官方原文那一页。这是整个网站可信度的来源。
💡 学员该学这一点
「好」和「非常好」之间,通常隔着两三轮追问。
第一轮它给你「Guideline v4.7 第1.5节」——看起来已经很专业了,大部分人就收货了。
再逼一层,才有「点下去跳到第 12 页」。差别在这里:前者是装饰,后者是能用。
👤 定下整个项目的铁律 ⚡ 最高含金量
像这种讯息也是低价值,就是说了“What”,没有给指导“How”。用户最大的挑战、最需要帮助的,是让用户针对每个细节,要知道“How”。以这个逻辑、要求,去重新看全网,同时补齐每一个可以帮助用户的“How”
Claude 做了什么
给 32 张技术卡每一张都加上一个绿框「✅ 怎么做」,写具体操作步骤。这个 how 字段后来变成硬性规定——之后加任何一张新卡,没有 how 就不准上。
💡 学员该学这一点
这是全篇最值得抄走的一条。
AI 天生擅长解释「是什么」,天生懒得写「怎么做」——因为 What 从资料里抄得到,How 要它自己动脑组装。
你的工作,就是逼它做那件难的。「以这个逻辑,去重新看全网」这半句也很关键:它把一条修改升级成一条全局标准,一次扫完整站,而不是你指一个它改一个。
👤 手机端排版
手机端,排版太靠边框了
Claude 做了什么
自己把浏览器缩到手机宽度,截图确认,找到根因:外层容器的左右留白,被内层一个 CSS 简写 padding:44px 0 10px 归零了(电脑端因为有最大宽度居中,完全看不出来)。修法是那些容器只写 padding-top / padding-bottom。
💡 学员该学这一点
Claude Code 可以自己开浏览器、自己缩到手机尺寸、自己截图看。所以你只需要讲人话——「太靠边了」——不用懂 CSS。
这类坑记录下来(我们存进项目笔记),下次它就不会再犯。
4

一页长成四页

Day 2 · 上午 – 下午 · 约 15 小时(含休息)

同一批资料,换三种人来看,就是三个新页面。这一幕是整个项目性价比最高的部分——因为料早就囤好了。

👤 要一个「小白变大白」的入口
现在要开发一个页面,作为一个入口,让用户进来后可以进入 e-Invoice 的课堂,帮助小白变大白。 去构思一下,要完成这个小课堂,我们需要一步步引导那些对于 e-Invoice 完全没有概念的人,一步步教会他们整个 e-Invoice 的概念和操作流程,实现从小白到大白的转变。
Claude 做了什么
先出课程大纲给我看,确认后才动手。最后成品:7 堂课一次一堂、顶部进度条 + 段位(小白 → … → 大白 🎓)、部分课带「懂了吗」小测验、用 localStorage 记进度可以「继续上次」、毕业有回顾。
💡 学员该学这一点
注意这句:「去构思一下」。
这四个字让它先规划再动手。少了这四个字,它会直接开始写 code,方向错了你要整页重来。
越大的功能,越要先要大纲。
👤 抓住一个漏水的洞
在这页出现这卡片:“别自己猜,测一下最准…去测我的答案 →” 会让用户本来专注做测试,一按就去到主页,用户就流失不回来课堂了。就在课堂这里,列出提问让他做过一次也无妨。就是不要让用户有机会跳出别的页面,流失掉
Claude 做了什么
把那张「跳去首页测」的卡片,改成把自测器直接嵌进课堂里——同样的功能,做两份,用户不用离开。
💡 学员该学这一点
AI 会做「工程上正确」的事:功能已经有了,那就链过去,不要重复。
但「不要重复」是工程逻辑,「不要流失」是生意逻辑。这两个打架的时候,AI 会选前者。
这一层判断,只有你能补。
👤 换一个岗位再来一页
要准备多一个内容页面,主要是帮助一些公司里做账的书记。因为在公司里,他们只是普通的书记,如果要帮助公司去 handle invoice(发票)的话,对他们来说还是有很多卡关的地方。 所以,我们要列出十大公司里这些 accounts clerk 如果要帮助公司做好 e-invoice 的话,必须学会并知道要做的是哪十项很重要的事情。
Claude 做了什么
从同一批资料里,用「书记的一天」重新切一次,整理出 10 件事(后来变 11 件),每件配「你会卡在哪 + 怎么做」,加上打勾进度和全勾徽章。
💡 学员该学这一点
同一批资料,换一个「谁在看」,就是一个新页面。
速查页是「按问题找」,课堂是「按顺序学」,书记页是「按岗位学」。定位不重叠,才不会做出四个一样的页。
👤 补一个真实场景 + 顺便挖更多
这里要补多一个知识题…因为很多书记也在问:就是如果我们去 99 Speedmart 这类杂货店买东西,我们要怎么跟对方拿 e-invoice?因为有一些商家是没有 e-invoice 的,那我们要怎么处理?是 self-bill 吗? 除此之外,你也从之前在全网找到的一些资讯里,整理一下还有哪些公司里的书记在处理这些 claim 时常遇到的情况,并把它们整理出来。
Claude 做了什么
  • 回去翻官方 Specific Guideline v4.8 第 7 节原文(第 61–62 页),确认了一个很多人搞错的事:员工代垫开销不是 self-billed。并给出官方的 4 步做法。
  • 第二句「除此之外…」让它自己去翻之前囤的资料,又挖出 6 个常见报销场景(海外出差 / Grab / 招待费 / 信用卡月结单 / 摊贩豁免…),做成 6 张 Q&A 卡。
💡 学员该学这一点
这段有两个动作,第二个更值钱:
「你也从之前找到的资讯里,整理一下还有哪些…」
你提一个,让它补十个。它比你更记得那堆资料里有什么——你的价值是知道该往哪个方向挖,不是自己挖。
👤 第四页:戳破认知
接下来我还想要放入一个部分,就是很多人对于 e-Invoice(电子发票)其实是“自己也不知道自己不知道什么”。 你可以列出来看有多少个一般做生意的人自己也不知道、不了解的关于 e-Invoice 的盲点?所以也是要提出来是什么,还有要怎么做?
Claude 做了什么
列出 13 个盲点,做成互动卡:先只显示「❓ 大部分老板以为…」,点「戳破」才翻出「⚡ 真相是」+「✅ 怎么做」。配段位(蒙在鼓里 → 过来人 ★)和全戳破转发。
💡 学员该学这一点
「自己也不知道自己不知道」是最好的内容选题公式——它天然带钩子,因为读者会想知道自己中了几个。
而且注意结尾那半句又出现了:「还有要怎么做?」——What + How 已经变成这个项目的默认要求。
👤 页多了,导航要收拾
上面menu这边,可以怎么集合我们现在有的这些全部这么好的资料的menu button? 有小课堂、新手书籍,还有老板盲点,都加在最上方的menu那边
Claude 做了什么
做了一个「📚 全部资料」下拉菜单,四页共用同一套组件,每页自动排除自己那条;手机窄屏时文字收起只留 📚 图标。(就是你现在这一页顶部那个。)
💡 学员该学这一点
用问句:「可以怎么…?」
这句话把它从执行模式切到方案模式。你不用先想好答案再叫它做——直接把问题丢给它,它给方案你挑。
5

收工:把经验存起来

Day 2 · 15:27 – 下午收尾

这一幕最多人跳过,但它决定了下一次做同类项目要花多少时间。

👤 存档 ⚡ 最多人漏掉
先把全部做过的东西打包进项目记忆里面. 还有花了这么长时间、花了这么多 token 收集到的全部数据,有没有存好?因为日后还可以再继续展开,让这些数据呈现得更加完整。
Claude 做了什么
写了一份项目记忆档,内容包括:四页各自的定位分工、部署命令、设计铁律(中文不能斜体、禁用「死线」、每张卡必带 how)、踩过的 CSS 坑、锁定的核心法规事实、以及「哪些二手说法是错的」。
然后清点 sources/:三份官方 PDF + 抽好的纯文本 + 三份深研报告,全部确认在盘。
💡 学员该学这一点
这一步是复利的来源。
今天写这一页 behind the scenes,我完全不用回忆——所有 prompt、所有决定、所有踩过的坑,都在记忆档和会话记录里躺着。
每个项目收工时打这一句:「把全部做过的东西打包进项目记忆」。下一次同类项目,你从第 80% 开始,不是从 0%。
👤 最后的文案微调 + 上线
1-把“想让 AI 帮你处理更多营运杂事,不只是发票?…”改成“…用Claude Code现场亲手打造一个 24 小时 Standby 为你工作的 AI 超级助理。” 在适合的位子加入Claude logo(要把四个角修成圆角) 2-把“让你的生意,没有你也照转。”改成“通过Ai赋能,帮助老板脱离埋头苦干、一脚踢。”
👤 最后一句
部署上线
Claude 做了什么
改文案、把 logo 处理成圆角、放到合适位置,然后一条命令部署。整个项目结束。
💡 学员该学这一点
最后收尾的文案,亲自改。
前面所有结构、互动、资料整理都可以交给 AI。但「你想让人记住哪一句」,这个决定是你的。
还有——最后一句是「部署上线」。四个字。这就是 Claude Code 该有的样子。
数据

那 27 段话,触发了 660+ 次动作

这是从当次会话记录里数出来的真实统计。你打一句,它背后跑这么多。

它做的事次数在干嘛
跑命令(Bash)253下载 PDF、抽文本、部署、检查文件
改文件(Edit)101一处一处地修 HTML 和文案
在浏览器跑脚本86检查真实渲染出来的颜色、间距、位置
开网页看63自己打开做好的页面,确认没坏
读文件(Read)59读回自己写的东西再改
截图 / 点击55自己截图检查,自己点按钮测互动
写新文件(Write)2712 份 Markdown + 4 个页面 + 资料档
读控制台报错22自己发现 JS 错误,自己修
切换手机 / 电脑尺寸18测响应式排版
抓网页内容(WebFetch)15读 LHDN 官网和主站
上网搜(WebSearch)6找现行 PDF 的正确链接
反问我问题2范围不清楚时先问,不乱做
调用 Skill2deep-research、frontend-design
派出研究大军(Workflow)1上百个子 agent 并行 + 3 票对抗验证
💡 看这张表要看出什么
最值得注意的是「截图 / 点击 / 读报错」这几行:它自己开浏览器、自己截图、自己发现错误、自己修好,才回来跟我讲「做好了」。
你不需要当 QA。你只需要在它做完之后,用老板的眼光看一眼——然后说「这里对用户没价值」。
带走这些

八条可以直接抄的心法

从上面 27 段话里提炼出来的。换成你的题目一样能用。

1

先囤料,再做页

第一句话不要说「帮我做个网站」。先让它成为这个领域的专家,把资料库建起来。有了料,后面开三个新页面只是换个角度切一次,很快。

2

指定可信来源,要求标日期和版本

「只信官网」「每条都要注明版本号和 as of 日期」「来源打架的地方要讲出来」「不确定的要说不确定」。最后两句最多人漏,也最能拉开答案质量。

3

给人设,不要给形容词

「刘作者是一个很贴近普通老百姓的专家,由他来讲解」——比「写白话一点」有效十倍。形容词它没法执行,人设它可以扮演。

4

只说 What 的内容,价值是零

AI 天生会解释「是什么」,天生懒得写「怎么做」。每一条资讯后面都追一句:那我具体该怎么做?这一条把这个网站从「又一个法规摘要」变成「能用的东西」。

5

把一条修改,升级成一条全局标准

不要指一个改一个。加上这半句:「以这个逻辑、要求,去重新看全网,补齐每一个」——它会自己扫完整站。一句话省掉你三十次来回。

6

截图比打字快

「图1 这个 CTA 不要」「图2 跳过去空空,感觉不对」。看到不对,截图丢过去,一句话讲哪里不对就够了。不用描述细节,它自己会看。

7

生意判断是你的活

「这样用户会流失掉」「我们的专业不在 e-invoice,不要拿石头砸自己」「死线在马来西亚没人看得懂」。这三句 AI 一辈子想不出来。技术、设计、排版都可以交出去,这一层交不出去。

8

收工一定要存档

「把全部做过的东西打包进项目记忆」。决定、铁律、踩过的坑、资料在哪,全部写下来。下一个项目从 80% 开始,不是从 0%。这一步的回报,比前面任何一步都大。

拿去用

你自己的项目,这样开场

把上面整套流程压缩成四段话。换掉方括号里的字,直接贴进 Claude Code。

📋 四段式起手模板 点复制,换掉 [ ] 就能用
【第一段 · 囤料】 你要搜集完整个关于「[你的题目]」的全部资料,然后成为这方面的专家,问到你什么你都一定要懂。 只信 [官方来源网址] 这类第一手来源,每条事实都要注明版本号和 as of 日期。 来源互相打架的地方要明确讲出来;你不确定的,要讲「不确定」,不要编。 整理成一个资料库存起来。 【第二段 · 定位】 现在把这些资料做成一个网页给 [目标读者,例:完全没概念的小生意老板] 看。 讲解的人设是:[一个很贴近普通人的专家,用大白话讲清楚难懂的东西]。 色系 match [你的主站网址]。 去构思一下整个结构,先给我大纲,我确认了你才动手。 【第三段 · 逼质量(做出第一版后打这段)】 每一条只说了「是什么」的内容,对用户价值是零。 用户最需要的是知道「怎么做」。 以这个逻辑,去重新看全网,补齐每一个可以帮助用户的「怎么做」。 【第四段 · 收工】 部署上线,网址设定成 [你的网址]。 然后把全部做过的东西——决定、铁律、踩过的坑、资料存在哪——打包进项目记忆里面。
🔧 顺便记住这几个用法 这次项目里真的用到的
  • 打 / 看 skill 清单——这次用了 deep-research(重型研究)和 frontend-design(设计总监)。会用 skill 和不会用,出来的东西差一个档次。
  • 直接贴截图——「图1 这里不对」是最省时间的沟通方式。
  • 直接贴网址——「色系 match 这个网站」「footer 用这页的」,它会自己去看。
  • 「去构思一下」——功能大的时候先要大纲,别让它直接开写。
  • 「可以怎么…?」——把它从执行模式切到出方案模式。
  • 「部署上线」——不用你去后台拖文件。(前提是环境装好了,问它一次就好。)

想让 AI 帮你处理更多营运杂事?

一天专给老板的 AI 实战课:用 Claude Code 现场亲手打造一个 24 小时 Standby 为你工作的 AI 超级助理。
通过 AI 赋能,帮助老板脱离埋头苦干、一脚踢。

看看这堂课 →