仅通过提示词就构建出一张邀请卡网站
用户为女友创建了一个仅包含前端的邀请网站,包含动画、图片和导航功能,并直接向 Cursor 提供指导,无需修改代码。
- 具体怎么做
- Fabio Zapata向Cursor提供了第一个提示词,其中明确了页面的目标、外观及技术实现方式,并让Cursor执行控制台命令。信封动画在15–20分钟的尝试中表现不佳,仅得到模糊反馈。随后他在线找到了一个信封动画示例,重新上色后将其嵌入到提示词中,并指示Cursor在此基础上进行开发。之后他又提出了按钮、字体和布局的相关要求。
- 做到了什么
- 该网站的开发耗时2-3小时,而他原本预计需要4-8小时人工操作。当进度达到约90-95%时,他转而自行编辑代码的内容、填充内容和边距,因为对提示词进行微调需要太长时间。
- 上手要点
- 明确说明字体、背景和按钮样式是全局统一的,或者 Cursor 会按页面分别应用这些样式。同时接受了他关于某个功能失效的虚假说法,并进行了修改。
你可以这样试
使用 Cursor为[活动或场合]为[人员或观众]构建仅包含前端的邀请网站。该网站应包含[部分内容,如欢迎界面、详情信息、照片库、回复信息],带有柔和动画效果,并采用[颜色或氛围]风格,使用[文件夹]中的图片。请确保在本地能正常运行,并告诉我如何打开它。当我能浏览每个页面并确认功能正常后,即为完成,随后我会用简单语言提出优化建议。