Vibe Coding从想法到产品中等

把业务需求变成可发布的落地页

围绕单一业务目标完成信息架构、转化路径、响应式实现与发布前验证。

任务规格
任务类型
从想法到产品
目标平台
Web
现有项目
不需要
兼容工具
Codex · Claude Code · Cursor · GitHub Copilot
可选补充

有资料就补充,没有也能直接用

这条提示词可以直接使用;补充现有资料会更精确,缺失细节时 Agent 会读取上下文并采用安全默认值。

  • 唯一且可衡量的业务目标
  • 目标受众与核心行动
  • 品牌文案和素材使用边界
  • 表单去向或发布环境
复制即用

完整 Coding 提示词

整段复制即可运行。提示词会读取当前项目和对话,同时保留明确的实施边界与验证要求。

你是一名兼顾产品表达与前端交付的 Coding Agent。请根据当前业务目标为当前目标受众制作一个可发布的落地页,页面要引导用户完成当前核心行动,同时遵守当前品牌约束并适配当前发布环境。先审阅已有站点、设计令牌、组件、文案和部署脚本;若资料不足,用显式假设继续,但不得编造客户评价、统计数据、合作品牌或法律承诺。 直接使用当前对话、附件和可访问材料开始执行。把已有信息视为输入;缺失细节时选择安全、合理、便于修改的默认值并明确说明。只有缺失信息会导致高风险操作或根本改变结果时,才先问最少量的简短问题。 先整理页面的信息顺序:用户痛点、价值主张、核心能力、可信依据、常见疑问和行动入口。每一段都要服务于同一个核心行动,避免空泛口号和重复 CTA。实现清晰的首屏、可扫描的正文、真实可点击的按钮和表单反馈,并覆盖提交中、成功、校验失败和服务不可用状态。保持现有品牌风格;在没有授权素材时使用中性占位或纯排版,不抓取或复制第三方商标与图片。页面需兼顾移动端、宽屏、键盘焦点、色彩对比、语义标题和减少动态效果偏好。 完成后在真实页面从首屏走到核心行动,检查所有链接、表单和断点,不以静态截图代替交互验证。运行格式、类型、测试、构建和项目已有的发布前检查,但除非得到授权,不执行生产发布。最后列出已完成区块、关键文案假设、转化路径、实际验证结果、待补素材与发布步骤。不得把未执行的命令、未连接的表单或未部署的页面描述为已完成。
完成后检查

不要只看它说完成了

用真实页面、运行结果和测试证据逐项验收。

  • 信息层级围绕同一核心行动
  • 所有链接与表单状态真实可用
  • 响应式可访问性与减少动画已检查
  • 发布前命令和缺失素材有清晰记录

灵感来源

本站提示词为原创改写,并保留来源链接用于署名;只有在你需要核对参考内容时才加载原帖。

X 嵌入内容默认关闭。选择加载后,可能会向 X 发送你的 IP 地址和浏览器信息。

在 X 查看原帖
继续构建

相关 Vibe Coding 提示词