指南
教你用 AI 做网站、让它好看,再把它上线。可直接复制的提示词、简单的原则和检查清单,Claude、ChatGPT 和任何 AI 都适用。
刚接触?从这里开始
按这个顺序读三篇指南,你就能从聊天里的一个文件,走到一个值得自豪分享的网站。
AI 建站速查表
所有规则放在一页可打印的纸上,另有按任务分组的 70 条提示词:开始建站、修复手机视图、改写文字、修复故障和上线。
上线
从聊天里的一个文件,变成人人都能打开的地址。
设计
把规则说清楚,你的 AI 每次都会照做。
写作
像你自己说的话,而不是像模板。
上线与安全
让网站对所有人都好用的检查项。
和客户合作
写给替别人建站的自由职业者。
多数新手错过的诀窍
你的 AI 懂设计原则,但当你把它们说清楚时,它应用得会一致得多。说“做得现代一点”,你得到的只会接近普通网站的平均水平。点明层次、间距、对比度和移动端,你得到的网站就会显得经过设计。把下面这段加到你的下一条提示词里:
Design this like a senior product designer: clear visual hierarchy with one focal point per section, a consistent spacing scale, two fonts at most, text contrast of at least 4.5:1, mobile-first with 44 px tap targets, subtle motion that respects reduced-motion settings, and accessible to WCAG 2.2 AA. Before coding, ask me any questions you need, then describe the design direction in five bullets and wait for my OK. More details: pagelemon.com/guides/design-brief