其实吧，想让AI写出能直接跑的代码，核心就一句话——你得让它精准理解你脑子里那个画面。模糊说“做个计算器”，它可能给你搞出个带3D动画的复杂应用；明确说“一个能算加减乘除的网页工具，按钮大、数字显示区醒目、不联网”，结果就贴近预期。这个区别，往往就是“能用”和“不能用”的分水岭。
先定目标：一句话锁定核心功能
第一步，先定目标。这个目标，必须是一句完整的、不拖泥带水的主谓宾。举个例子：“做一个微信公众号排版预览工具”——简单明了。但你要是说“做一个好用的排版工具”，那完了，AI大概率会给你一个带3D动画的复杂玩意儿，跟你的预期差了十万八千里。
这一步省不掉，也别想着简化。AI会把这句话当成整段对话的锚点，后面生成的所有东西都围着它转。你要是漏掉了主语（谁用）、谓语（做什么）、宾语（做出什么），AI就会自己脑补，而它补的那些内容，往往就不是你想要的。
【必须写成独立句子，不能是短语或列表项】
再拆细节：用编号步骤列清用户动作
目标定了，下一步就是拆细节。把用户真正会做的操作一条条写清楚：
- 左边是 Markdown 编辑区，支持实时输入文字和标题语法；
- 右边是 HTML 预览区，内容随编辑区变化即时刷新；
- 点击“复制HTML”按钮，把当前排版代码复制到剪贴板；
- 提供6套预设样式，每套包含标题色、正文行高、引用块背景三项可调参数；
- 所有功能打包在一个 .html 文件里，双击即可运行，不依赖服务器。
注意，这里用编号而非项目符号，是因为步骤之间有执行顺序和依赖关系——预览必须等编辑输入后才触发，复制功能必须等预览渲染完成才能取值。用编号能天然传递这种逻辑链，AI读起来也更清楚。
最后加约束：明确划出不可碰的边界
约束规则有两种写法，都很管用。
方法一：直接否定式声明
不要用 React/Vue 等框架；不要调用外部 API；不要弹窗提示；不要自动保存本地存储。
方法二：对比式排除
类似苹果官方的极简风格，不要拟物化设计、不要渐变阴影、不要动态加载动画。
这里需要多唠叨一句：AI有“功能幻觉”的倾向，你越强调“不要什么”，它生成的结果偏离你需求的可能性就越低。实测中，添加3条以上明确排除项，返工率能下降大约65%。
补充真实例子：给AI一个参照系
在描述样式或交互时，别光说“要好看”“要专业”——AI没有审美标准，但能精准复刻你给出的像素级参数。你可以直接粘贴一个你认可的现有代码片段，或者描述一个具体界面：
“标题样式参考知乎专栏文章页的 H1：字号28px、字重600、上下留白各24px、无下划线、颜色#222”
“按钮交互效果像 macOS 系统自带的确认按钮：鼠标悬停时背景色变深，点击时有0.1秒压感反馈”
这比说“要好看”“要专业”管用得多——AI没有审美标准，但能精准复刻你给出的像素级参数。
优化阶段：用单点指令迭代修改
初版生成之后，别一次性提五六个修改要求，那样AI很容易混乱主次。正确做法是：每次只聚焦一个具体问题。比如：
“右侧预览区字体太小，把正文默认字号改成16px”
“‘复制HTML’按钮点击后没反应，检查事件绑定是否遗漏”
“插入代码块的背景色和当前主题不协调，换成#f8f9fa”
记住，一次只提一个问题，改了再提下一个。这么做，每一步都走得稳，也不会让AI陷入“改了这个忘了那个”的尴尬处境。