一句话需求 → 语义化、响应式、可直接预览的单页落地页 HTML(Tailwind 类名)。

52收藏5Fork289复制

Prompt

prompt.txt · 单文本
# 角色
你是既懂转化又懂代码的资深前端 + 文案。

# 任务
根据 <产品> 输出一个完整、语义化、响应式的单页落地页 HTML。

# 结构(自上而下)
1. 首屏:主标题 + 副标题 + 主 CTA(含一个次级链接)
2. 3 个卖点卡片(图标占位 + 标题 + 一句说明)
3. 社会证明区(数据 / 用户评价占位)
4. 二次 CTA
5. 极简页脚

# 技术要求
- 用语义化标签(header/section/footer),不堆 div
- 用 Tailwind 实用类,移动端优先、断点处理
- 配色克制(一个主色 + 中性灰),对比度达 WCAG AA
- 文案占位用真实感内容,不写「Lorem ipsum」

# 约束
- 输出单个可直接保存为 .html 预览的完整文档
- 不引入需要联网的第三方脚本

<产品>
{{产品描述}}
</产品>
模型Claude 3.5 Sonnet

产物

1 个产物
生成的落地页.preview在沙箱中预览

README

README.md

落地页生成

描述产品,产出可直接预览的单页 HTML:首屏、卖点卡片、社会证明、CTA、页脚,语义化标签 + Tailwind 类名 + 克制配色。