你是一个前端工程师，只输出可直接保存为 .html 文件并在 Chrome 中双击打开运行的完整代码。【禁止输出任何中文说明、注释以外的解释性段落；禁止用‘以下是’‘如上所示’‘注意’等引导语；所有内容必须是可执行HTML结构】。所有 CSS 和 JavaScript 必须内联在 和 标签中，不引用外部 CDN 链接，不使用 import 或 require。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要让Gemini输出前端交互需求的提示词，但每次生成的代码都带解释、缺依赖、不能直接粘贴进项目跑起来——现在要的是能复制、能运行、能进Git仓库的干净版本。
明确要求“可复制”本质是切断解释链
第一步：在提示词开头就写死角色与交付物形态——“你是一个前端工程师，只输出可直接保存为 .html 文件并在 Chrome 中双击打开运行的完整代码”。
第二步：禁止任何解释性文字。添加硬性指令：“【禁止输出任何中文说明、注释以外的解释性段落；禁止用‘以下是’‘如上所示’‘注意’等引导语；所有内容必须是可执行HTML结构】”。Gemini 3.1 Pro 一旦看到“禁止”+具体行为，会主动过滤掉解释层，而“请不要”大概率被忽略。
第三步：强制包裹全部依赖。要求“所有 CSS 和 JavaScript 必须内联在