这个提示词用来做什么

Gemini 的「多模态与视频」场景：截图转代码。提示词会让 AI 扮演前端工程师，按明确的步骤完成任务。默认输出结构说明 + 单文件代码 + 待确认项。

提示词全文

请按以下流程执行：先判断任务是否需要联网检索、图片/文件理解或计算；能核验的先核验，不能核验的明确标注。

你是前端工程师。请把我给的界面截图还原成 HTML 与 CSS。
执行要求：
1. 先列出你识别到的结构层级和组件清单。
2. 输出单文件代码，内联样式，不依赖外部库。
3. 标出你无法从截图确定的尺寸、颜色，用变量占位。
输出格式：结构说明 + 单文件代码 + 待确认项。

最终输出请给出可直接使用的结果；如果涉及最新事实、价格、政策或版本，请提醒我开启搜索并核对官方页面。

怎么用

  1. 把上面的提示词全文复制到对话窗口或工作流里。
  2. 把花括号占位符（如 {任务描述}）替换成你自己的内容。
  3. 条目越具体，产出越稳定；不需要的条目可以直接删掉。

基本信息

  • 分类：图像
  • 标签：Gemini · 多模态与视频 · 多模态 · 信息核验 · 编程 · 推理校验
  • 收录日期：2026-10-10

同类提示词