AI 网站重构：一位独立开发者的 5 个经验教训

我的网站搁置了很长时间。我是一名全职的 Power Platform 开发人员。我还是两个双胞胎的父亲。我根本没时间去完善我的作品集。

我决定作为一个人的团队，利用 AI 来重新设计我的网站。我想看看 AI 是否能充当我的设计师和开发人员。

以下是我的心得。

为什么我使用 AI：

  • 时间是我最大的限制。
  • 我独自工作。我没有设计师或高级开发人员来帮助我。
  • 我需要快速切换任务。
  • 我想通过完成小任务来建立动力。

AI 表现得像一名初级开发人员。它在特定任务上帮助了我：

  • 修复了移动端屏幕的响应式布局。
  • 构建了一个全宽渐变色的 Hero Section。
  • 通过修复字体加载问题解决了页面速度问题。
  • 处理了 SEO 任务，如 meta titles 和 descriptions。

给你的重构工作带来的五个教训：

  • 先诊断，再修复。在更改代码之前，让 AI 找出问题的原因。
  • 在正式页面上进行验证。编辑器视图往往与访客看到的视图不同。
  • 将 AI 视为合作伙伴。不要让它主导。审查每一行代码。
  • 进行微小的改动。一次只更改一个设置，这样如果出错，你可以撤销。
  • 编写操作手册 (Playbook)。记录有效的方法，这样你就不会两次解决同一个问题。

我如何确保准确性：

我会阅读每一行代码。如果我不理解某项改动，我会询问原因。我在不同的屏幕尺寸上测试正式网站。我自己检查所有的事实和 SEO 设置。AI 负责干活，但我对结果负责。

如何编写更好的提示词 (Prompts)：

  • 具体化。明确告诉 AI 要更改哪个元素。
  • 提供上下文。提及你使用的具体工具和环境。
  • 询问原因。强制 AI 先诊断问题。
  • 循序渐进。一次只优化设计的一个小部分。

AI 没有取代我。它帮助一位忙碌的开发人员完成了一个项目。利用 AI 来处理繁重的工作，但要始终掌握主动权。

Source: https://dev.to/mattbuildsapps/ai-website-redesign-5-lessons-from-a-solo-developer-nhj

Optional learning community: https://t.me/GyaanSetuAi