纯靠提示词搭建邀请卡网站
发布于 2025 年 4 月 3 日。任务：作者使用 Cursor 构建了一个纯前端邀请卡网站，旨在测试“无代码”方法，即仅通过提示词提供指令而不手动干预代码。工作流程包括概述目标、在复杂动画上遇到困难，最终将参考 HTML/JS 代码粘贴到提示词中以实现所需的信封动画。核心结构完成后，作者切换回手动编辑以进行内边距和外边距等最终微调，因为 AI 迭代效率降低。；工具：Cursor。人工角色：原帖未说明人是如何持续参与其中的。；局限：Cursor 需要明确的指令来应用全局样式；否则，更改仅适用于当前页面。模型缺乏验证能力，如果被告知存在不存在的 bug，它会尝试“修复”它。此工作流程适用于用户已理解底层代码的小型、技术简单的项目，但不适合非技术人员在没有调试技能的情况下从零开始构建复杂应用程序。。
工具
Agent Work Atlas 发布日期:
概述
发布于 2025 年 4 月 3 日
工作流程
作者使用 Cursor 构建了一个纯前端邀请卡网站，旨在测试“无代码”方法，即仅通过提示词提供指令而不手动干预代码。工作流程包括概述目标、在复杂动画上遇到困难，最终将参考 HTML/JS 代码粘贴到提示词中以实现所需的信封动画。核心结构完成后，作者切换回手动编辑以进行内边距和外边距等最终微调，因为 AI 迭代效率降低。
原文报告的结果
项目在 2–3 小时内完成，而手动开发预计需要 4–8 小时。然而，作者指出了显著的摩擦：模糊的反馈导致循环，模型幻觉出功能，并且盲目接受虚假的 bug 报告。最后 5–10% 的调整需要手动代码编辑，因为 Cursor 的迭代过程对于微小的样式更改来说太慢了。
人工角色
原帖未说明人是如何持续参与其中的。
局限
Cursor 需要明确的指令来应用全局样式；否则，更改仅适用于当前页面。模型缺乏验证能力，如果被告知存在不存在的 bug，它会尝试“修复”它。此工作流程适用于用户已理解底层代码的小型、技术简单的项目，但不适合非技术人员在没有调试技能的情况下从零开始构建复杂应用程序。
试一试
我想使用 Cursor 为 [可替换目的，例如：生日邀请] 构建一个简单的纯前端网站。我具备 [可替换技术技能水平，例如：基础 HTML/CSS 知识]。 步骤： 1. 在 Cursor 中启动一个新项目。 2. 提供详细的提示词，概述页面结构、动画和导航按钮。 3. 对于复杂动画，如果 AI 处理困难，请在线搜索参考代码片段，稍作修改，然后将其粘贴到提示词中，要求 Cursor 进行集成。 4. 明确说明样式（字体、颜色、背景）应为全局样式，以避免逐页覆盖。 5. 手动审查生成的代码。如果微调（内边距、外边距）超过 2 次提示迭代仍未解决，请直接编辑代码。 6. 在我手动验证所有功能之前，不要发送或发布任何内容。 输出：一个可运行的本地 HTML/CSS/JS 项目。 成功指标：网站加载正确，所有动画功能正常。 错误处理：如果 AI 声称功能正常但实际并非如此，请手动验证并提供具体的技术反馈（例如：“给容器 div 添加 margin”），而不是模糊的抱怨。
来源报告未经独立核验。发布日期为本站案例发布日期，并非原始文章日期。