地产HTML营销页生成器

为什么需要它

楼盘营销页的常见做法是让设计同事从零搭一个落地页：图、卖点、户型、价格、周边配套逐块排。上线前还要单独做一遍移动端适配，再回头检查一遍文案有没有违反广告法。实际项目里，这一轮往返经常消耗一到两天，而楼盘卖点本身变化并不频繁，大多数页面只是换图换文案。

这个技能把「楼盘信息 → 可上线 HTML」固化成一条流水线：你按字段把资料给齐，它直接吐出一个 单文件 页面。

它如何工作

1. 收集楼盘信息。 技能会先向你确认一组必填与可选字段：

• 楼盘名称、所在区域（必填）
• 楼盘亮点，建议给 3 到 5 个核心卖点
• 均价或总价范围、主力户型（建面、居室数）
• 周边配套（交通、学校、商业、医疗）
• 开发商信息、联系方式或预约入口
• 视觉风格偏好

2. 生成 HTML 页面。 按你选定的风格生成完整页面，遵循 resources/system-prompt.txt 中的技术规范和合规要求。所有 CSS 与 JS 内联，产出就是单个 .html 文件。

3. 合规校验。 生成后会对内容做一遍广告法检查，重点包括：不出现极限用语、不编造配套、价格标注 参考价格、学区信息标注 以政府教育部门划分为准。

4. 输出 HTML。 最终交付的就是一个可以直接丢到静态服务器或 CDN 上的文件。

内置 8 套模板，分别对应不同视觉调性：

• 现代简约：大留白、极简配色、几何元素
• 轻奢风：金色点缀、深色背景、质感纹理
• 新中式：水墨元素、传统纹样、古典配色
• 科技感：渐变色、粒子动效、未来感
• 自然生态：绿植元素、原木色调、环保理念
• 都市时尚：霓虹色彩、都市天际线、年轻活力
• 温馨家庭：暖色调、家庭场景、生活气息
• 商务高端：深蓝配色、商务质感、理性布局

技术上有一个硬约束：mobile-first 的响应式布局。页面在手机端的可用性是默认前提，而不是事后适配。

适用边界

它只生成静态 HTML 营销页，不涉及表单后端、预约系统或 CMS。如果你需要用户提交预约后写库，这部分仍然要自己接。

两个异常场景的处理逻辑也值得提前知道：

• 信息不全：使用占位内容并标注，不会帮你脑补缺失的周边配套或开发商背景
• HTML 超长：分模块输出，不会把一个超长页面塞进单次回复

另外，合规校验是在生成后对 HTML 内容做的检查，不是预审数据库或外部资料。你提供的原始信息如果本身有虚假成分，它不会替你发现，也不会主动改写为合规表述。卖点提炼、户型数据的准确性，仍然需要人工确认。