Gemini超详细完整拆解前端交互需求：提示词输出可复制版本教程

明确“可复制”的核心：切断解释链

只需三个关键动作。

第一，在提示词首行锁定角色和交付物格式。“你是一个前端工程师，只输出可直接保存为 .html 文件并在 Chrome 中双击打开运行的完整代码”。杜绝猜测空间，直接定义终态。

第二，用硬约束堵死解释性输出。“【禁止输出任何中文说明、注释以外的解释性段落；禁止用‘以下是’‘如上所示’‘注意’等引导语；所有内容必须是可执行HTML结构】”。Gemini 3.1 Pro 对“禁止”指令敏感度高，配合具体行为可迫使模型过滤非执行层。使用“请不要”往往被忽略——建议实测对比。

第三，强制所有依赖内联打包。要求“所有 CSS 和 Ja vaScript 必须内联在