Vibe Coding从想法到产品中等

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

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

任务规格
任务类型
从想法到产品
目标平台
Web
现有项目
不需要
兼容工具
Codex · Claude Code · Cursor · GitHub Copilot
开始前准备

先准备这些信息

把必要材料补充完整,再将任务模板交给 Coding Agent。

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

完整任务模板

替换大括号中的占位内容。任务模板已经包含实施边界与验证要求。

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

不要只看它说完成了

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

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

灵感来源

本站提示词为原创改写。下方展示来源推文,你也可以直接前往 X 查看原帖。

页面会自动加载 X 嵌入内容,可能会向 X 发送你的 IP 地址和浏览器信息。

在 X 查看原帖

正在加载 X 原帖…

继续构建

相关 Vibe Coding 提示词