一个模糊的代码请求
帮我为落地页制作一个价格区块。
明确你希望 AI 完成什么。
发现歧义、缺失背景和相互冲突的约束。
获得可能改变最终结果的答案。
将你的意图组织成 AI 可以执行的指令。
确保最终 Prompt 仍然表达你真正想说的内容。
帮我为落地页制作一个价格区块。
01 — 价格 每个方案的名称、价格、计费频率、包含的功能和按钮操作是什么? 02 — 交付内容 我需要交付什么:设计建议、文案,还是可以直接实现的代码?应该使用哪种技术或框架? 03 — 设计方向 价格区块应该遵循什么品牌风格、颜色和现有落地页设计?
帮我为落地页制作一个价格区块。
完成了——我创建了三个带结账功能的价格档位。
其实方案应该是免费版、Plus 和 Pro。
已更新——我添加了三个价格方案。
免费版是 0 美元,每天最多 3 次 Prompt。
已添加免费方案。
Plus 是 3.99 美元,每天最多 20 次 Prompt。
已添加 Plus 方案。
Pro 是 6.99 美元,每天最多 50 次 Prompt,并标记为推荐方案。
已添加 Pro,并标记为推荐方案。
匹配现有的颜色、字体、间距、边框、阴影和组件模式。
已更新视觉样式。
使用 React 和 Tailwind CSS,并适配手机、平板和桌面端。
已添加响应式 React 和 Tailwind 样式。
使用语义化标签、简洁的按钮文案,返回完整组件代码,不要虚构功能或产品描述。
完成——我会返回完整的 React 组件。
使用 Tailwind CSS,为我现有的落地页构建一个可以直接实现的 React 价格区块。匹配页面当前的视觉设计,包括颜色、字体、间距、边框、阴影和组件模式。 包含三个响应式价格卡片: - 免费版:0 美元,每天最多 3 次 Prompt - Plus:3.99 美元,每天最多 20 次 Prompt - Pro:6.99 美元,每天最多 50 次 Prompt 使用清晰的方案名称、价格、使用限制和简洁的 CTA 按钮,并采用可访问的语义化标签。将 Pro 标记为推荐方案,同时让所有方案便于比较。确保布局精致,并适配手机、平板和桌面端。不要虚构额外功能、计费条款、折扣或产品描述。返回带 Tailwind class 的完整 React 组件代码,包括运行所需的最少数据或辅助代码。
完成——我构建了包含免费版、Plus 和 Pro 的响应式 React 价格区块。
做得好!
“我想在 LinkedIn 上发布我的新应用。”
受众 · 角度 · 语气 · 目标
受众 — 独立开发者和早期用户 角度 — 个人构建产品的故事 语气 — 真诚,不像推销 目标 — 获取早期注册 格式 — 带轻量 CTA 的短篇 LinkedIn 帖子