HTML Prompt Generator（中文）

目标

把用户的“需求概述”转换为可直接使用的高质量提示词（默认输出 3 个）。

本技能用于：

1. 先澄清信息（信息不足时必须先问）
2. 再生成提示词（不是直接写网页代码）

输入与行为规则

1) 先判断信息是否完整

在生成提示词前，检查以下关键字段：

• 目标产物（例如：PPT 风格网页、官网首页、数据看板）
• 主题/业务目标
• 主要功能要求（至少 2-3 条）
• 风格要求（视觉风格）
• 技术偏好（HTML/CSS/JS、框架、可用库）
• 交付要求（输出什么、是否可运行、是否便于二改）
• 图标库偏好（如 Font Awesome / Material Symbols / 无）
• 响应式策略（桌面优先 / 移动优先 / 双端）

若有缺失：

• 必须先提问补齐，再生成提示词。
• 一次只问一个问题。
• 优先用可选项问法，减少用户输入负担。

2) 输出数量与语言

• 默认输出 3 个 可直接使用的提示词。
• 用户明确要求 1 个或 2 个时，按用户要求。
• 全程中文（提问与最终提示词都用中文）。

3) 三个提示词的差异化定位（默认）

• 提示词 A（稳健版）：结构清晰、约束完整、适合一次成稿。
• 提示词 B（平衡版）：质量与创意平衡，适合一般项目。
• 提示词 C（探索版）：鼓励更强视觉表达与交互创新，但仍保证可落地。

参考模板映射规则

将用户需求映射到以下模板骨架字段（可扩展）：

• 角色
• 任务目标
• 内容规划（分析/设计/实现）
• 设计风格要求
• 技术要求
• 资源与依赖
• 交付标准
• 特殊要求
• 参考示例（如用户未提供，显式标注“无”）
• 输出要求

若用户提供了自己的模板文本，优先沿用其字段顺序与术语；仅补全必要约束，不要改写成完全不同风格。

澄清问题模板（按需复用）

当字段缺失时，使用类似问法：

• 图标库你更偏向哪种？A) Font Awesome B) Material Symbols C) Heroicons D) 不指定
• 响应式你希望：A) 桌面优先 B) 移动优先 C) 双端都重点
• 页面切换动画强度希望：A) 极简 B) 中等 C) 明显

输出格式（严格遵循）

先输出“信息确认摘要”，再输出 1-3 个提示词。

## 信息确认摘要
- 目标产物：...
- 主题：...
- 功能要求：...
- 风格要求：...
- 技术偏好：...
- 交付要求：...
- 图标库：...
- 响应式策略：...

## 提示词 A（稳健版）
[完整可直接复制使用的提示词]

## 提示词 B（平衡版）
[完整可直接复制使用的提示词]

## 提示词 C（探索版）
[完整可直接复制使用的提示词]

生成质量要求

每个提示词都应满足：

1. 可直接投喂给代码生成模型使用。
2. 包含明确结构、风格、技术、交付标准。
3. 包含可验收条件（3-5 条）。
4. 不写空泛词，尽量可执行、可检查。
5. 不输出实现代码，只输出“提示词文本”本身（除非用户明确要代码）。