AI 智能体应用案例

今日新增

44全部 189 条

共 189 条,第 1–20 条

营销·设计

用口头描述制作邀请函网页

他们在Cursor中描述了想要的样子,制作了邀请函页面和动画。最后的文案和留白是自己手动修改代码完成的。

使用方法

  1. 在第一次请求中,写明了只用前端制作邀请函的目的。描述了想要的动画、图片和文案、以及在页面间切换的按钮等组成部分。
  2. 在制作信封打开动画时遇到了困难。即使反复用口头方式请求修改也没有改善,于是直接查找了HTML和JavaScript的示例,并将更改了颜色的代码粘贴到提示中作为基础。
  3. 动画完成后,添加了按钮、字体和页面布局。在制作其他页面时,复用了之前写的请求。如果没有明确指定为通用样式,则只会应用到当前页面。
  4. 当页面完成度达到90~95%左右时,开始直接修改代码。像文案、内边距、外边距这样的小调整,手动完成会更快。

结果

作者表示用2~3小时就完成了邀请函网站。还补充说,如果用平时的方式自己做,大约需要4~8小时。

注意事项

提供参考示例比模糊地请求修改更有帮助。最后的细节调整需要手动完成。

来源

DEV Community 原文 ↗

示例提示词 · Cursor

请实现一个可以在手机和电脑上查看的活动邀请函网页。

输入:活动名称[名称]、时间[日期·时间]、地点[地址]、提示语[内容]、使用的图片[文件]、参考页面[资料]。请先确认缺失的信息,并确定只能用前端实现的范围。

请在首页展示邀请函和正文、活动信息、位置和联系方式链接。像信封打开这样的动画请以提供的参考效果为基础制作,并在减少动画设置下能直接阅读内容。多页面的字体、颜色、按钮、边距请用通用样式统一管理。

如果想要的效果没有实现,不要模糊地反复修改,而是说明当前结果和参考示例的差异后再修改对应部分。收到示例代码后,只用需要的部分以适配现有页面。

结果:可运行的页面和预览、文案和图片替换说明。请确认在手机上不会出现横向滚动条,日期和地址是否准确,按钮、链接和键盘操作是否正常。