AI浪潮下,4小时开发出来的一个品牌官网和全套CMS-夜雨聆风

AI浪潮下,4小时开发出来的一个品牌官网和全套CMS

第一步：直接跟Deepseek聊

Q：AI浪潮下，上线一个品牌的官网是不是很容易了？

A：这个问题很有意思，它触及了AI时代“做东西”门槛变化的本质。我的看法是：上线一个“能访问的网页”确实容易到了极点，但上线一个“真正有用、能达成商业目标的官网”，挑战反而更考验人的判断力。

我们可以分两个层面来看：

一、变得极其容易的部分：执行与实现

以前做一个官网，你需要懂HTML/CSS/JS，或者花钱请人。现在AI把“从想法到代码”这一步几乎消灭了。

零代码生成整站：你对AI说“帮我做一个简洁的SaaS产品官网，要有导航栏、Hero区、功能介绍、团队介绍、定价和页脚”，10秒内它就能给你一个完整的HTML/CSS文件，响应式、现代风格、动画效果都给你配好。
一键部署：拿到代码后，Vercel、Netlify等平台连上你的GitHub，点几下鼠标，甚至通过AI对话就能完成部署，自动给你一个公网可访问的https链接。
内容与文案辅助： AI可以帮你写产品介绍、生成配图、设计Logo，甚至提供一套配色方案。

结论1：从0到1，拥有一个公网可访问的网页，现在的成本接近于零，时间不超过10分钟。一个不懂技术的普通人在AI辅助下，完全可以独立完成。

二、依然困难（甚至更难）的部分：策略与差异化

正因为上线太容易，导致官网的“稀缺价值”变了。现在真正的难点在于：

缺乏灵魂与策略： AI生成的是布局，不是战略。你的官网目的是什么？品牌展示？获客转化？服务现有客户？不同目的决定了完全不同的信息架构和用户路径。AI不知道你的产品核心卖点、目标客户的痛点、你的品牌调性。它生成的只是“一个漂亮的空壳”。
淹没在模板海洋中：你用AI做的官网，有90%的可能性跟其他几千个用类似提示词做出来的官网长得神似。同样的圆角卡片、毛玻璃效果、渐变背景。没有差异化记忆点的官网，在AI浪潮下等于不存在。
动态与后端能力依然有门槛：静态展示网站很容易。但如果官网需要：用户登录/注册、后台内容管理（博客/案例更新）、表单数据收集与CRM打通、在线支付、个性化推荐……这些涉及数据库、后端逻辑、第三方API集成的功能，AI目前能辅助但无法替代系统性地设计与调试。你仍然需要懂技术逻辑或使用无代码工具（如Webflow，Bubble等），这本身就有学习曲线。
持续运营与SEO：官网上线只是开始。如何让目标用户找到它？这需要SEO策略（关键词、元标签、内容质量、外链）。如何让访客留下来并转化？这需要持续的内容更新、A/B测试、数据分析迭代。AI可以帮你写博客，但无法代替你制定内容主题矩阵和用户转化漏斗的优化。
信任与专业度：一个AI一键生成的、充斥着套话和通用图片的网站，敏锐的用户（尤其是B端客户）能一眼看出来，这会直接损害品牌信任感。一个有说服力的官网，需要真实案例、细致的技术文档、专业的行业洞察、团队的真实故事——这些AI编不出来，或者编出来也是假的。

一个清晰的对比

维度	之前（无AI）	现在（有AI）	难度变化
前端布局与样式	手写代码/用模版	对话生成	断崖式下降
网页部署上线	需FTP/服务器知识	一键连接Git部署	大幅下降
获取基础文案/配图	自己写/花钱买	AI生成（需修改）	明显下降
制定官网核心策略	需产品/市场判断	仍需人脑	无变化
实现复杂功能（数据库/支付）	需专业开发	AI辅助，但仍需系统知识	略有下降，但门槛仍高
做出差异化设计	需设计师审美	提示词工程 + 审美筛选	无变化，甚至更难（同质化严重）
持续运营与SEO增长	需营销知识	AI辅助效率提升	核心难度不变

给你的实用建议

如果是“做个个人名片/作品集/简单活动页”：毫不犹豫去用。用Cursor、v0.dev或直接对话Claude/GPT-4o，把你的想法描述清楚（甚至画个草图拍照上传），几分钟就能得到一个很好用的网站。推荐方案： AI生成代码 + Vercel一键部署 + 买个便宜域名。
如果是“做一个正经的、期望带来客户的公司官网”：把AI当作高级实习生。用它来快速生成初版结构和素材，但你必须扮演创意总监和产品经理的角色：
–   你先定义清楚：品牌核心信息、目标用户画像、用户旅程地图。

–   让AI执行：根据你的框架生成多版设计，你挑选迭代。

–   重点投入在：独特的价值主张、真实的案例/数据、高转化的文案、专业的视觉微调（或请设计师在AI基础上优化）、以及部署后的运营计划。
小心陷阱：不要期望上线即完美。AI做的网站往往在移动端适配、加载速度、可访问性上有隐藏问题，上线前用Chrome DevTools的Lighthouse跑一下评分。

总结一句话：

AI把“上线一个官网”从专业技能变成了基本工具。现在比的是谁更能用好这个工具来表达独特的商业洞察和品牌灵魂。容易的是“搭个展台”，难的是“让展台真正吸引到人并卖出去东西”。

顺着Deepseek给的实用建议，直接继续提问。

Q：我想做一个正经的、期望带来客户的公司官网，应该如何开始

A：这是一个很务实的目标。明确了要做一个“能带来客户的正经公司官网”后，起点就不是打开AI对话框让它写代码了，而是要先想清楚几个关键问题。

让我带你走一遍从0到1的完整思路，同时把AI放在它最擅长的位置上——高效执行，而非替你决策。

第一步：先想清楚，再动手（这部分AI帮不了你）

在写任何代码之前，你需要用最传统的方式回答3个问题：

谁是你的客户？
– 他们是什么行业/角色？在什么场景下会需要你？

– 举例：如果你做企业ERP软件，客户是中小企业老板或IT负责人；如果你是设计师工作室，客户是品牌方或创始人。
客户为什么选你？
– 你的核心优势是什么？（价格？服务响应速度？技术壁垒？行业经验？）

– 举例：7×24小时响应、3天上线、比同行便宜30%、专注某细分行业10年。
你希望客户看完官网做什么？

– 打电话？填表单？加微信？申请试用？直接下单？

– 这是最重要的一个答案。你的整个网站设计都要围绕这一个动作展开。

在纸上写出这三点的答案，再进入下一步。这个策略文档大概只需要300-500字，但它决定了AI生成网站的质量上限。

第二步：搭建网站骨架（让AI帮你高效执行）

有了上面的策略，现在你可以开始和AI协作了。

2.1 让AI生成网站信息架构

打开Claude、ChatGPT-4o或DeepSeek，输入类似这样的提示词：

我正在做一个XX公司（你的行业）的官网，目标客户是XX（客户画像），核心卖点是XX（你的优势）。我希望客户最终能够XX（主要转化动作）。请为我规划一个5-7页的网站信息架构，包括每个页面的核心模块和用户引导路径。

AI会帮你输出类似这样的结构：

首页：Hero（卖点+行动按钮）→ 核心优势 → 服务/产品展示 → 信任证据（客户案例/数据） → 行动号召区
关于我们：团队故事、使命愿景
产品/服务页：详细功能或服务流程
案例页：真实客户故事（最好有前后对比或量化结果）
博客/洞察：行业思考（建立专业信任）
联系我们：表单+联系方式+地图

2.2 让AI生成初版文案

不要用AI写最终文案，但可以用它生成草稿和变体。你可以自己写几个关键词或句子，然后让AI润色成不同风格。

提示词示例：

以下是我的核心卖点：“[你自己写的50个字]”。请帮我改写成3个不同风格的版本：1）专业权威型 2）亲切型 3）数据驱动型。每个版本不超过80字。

然后你从中挑选或杂交，变成你自己的口吻。

2.3 让AI生成网站代码或使用建站工具

现在你有两条路：

路径	适合人群	优缺点
A. AI生成代码 + 自己部署	愿意花几小时学基础的人	完全自由、成本极低（几乎0元），但后续维护需自己动手
B. 可视化建站工具（如Webflow、Framer、WordPress）	希望快速修改、自己掌控设计	更直观，改起来方便，但需订阅费（月费约15-30美元），有学习曲线

路径A实操：用Cursor或v0.dev，输入提示词如“帮我做一个响应式企业官网，布局如之前规划的结构，配色用蓝色系，参考XX风格”。几秒后得到代码，粘贴到VSCode，部署到Vercel（免费）。

路径B实操：在Framer或Webflow里用AI模板功能，选一个接近你想要的风格，然后拖拽修改内容。这两款工具现在都有AI辅助生成页面功能。

个人建议：如果你不是技术背景，优先选路径B（Framer尤其友好）。省下的时间去优化文案和案例比调试CSS值得多。

第三步：做三件“能带来客户”的核心事

很多官网失败不是因为不够漂亮，而是缺少这三个要素：

3.1 设置清晰的转化触点

每个页面至少有一个明确的行动号召按钮（“免费咨询”、“预约演示”、“获取报价”），不要只放“联系我们”。
表单要短。考察期客户最多愿意填：姓名+电话+邮箱，加一个“需求简述”已经算多了。
加上即时沟通工具。如果是B端业务，强烈建议接入企业微信或飞书的即时聊天入口，响应速度直接决定转化率。

3.2 提前准备好信任证据

3个客户案例比100个功能描述更有用。案例格式：客户背景 → 痛点 → 你们做了什么 → 量化结果（“提升效率30%”、“节省成本5万/年”）。
如果没有客户案例，可以写团队成员的背景故事、行业资质认证、或者你们服务过的项目（脱敏处理）。
合作品牌Logo墙（如果有的话）。

3.3 确保网页加载速度和移动端体验

用手机打开你的网站，看看按钮是否好点、文字是否够大。移动端流量通常超过60%。
用Google PageSpeed Insights测试一下（输入你的网址就能测），得分低于70分的话需要优化图片和代码。

第四步：上线后持续做的事

官网不是“上线就结束”的项目，而是获客渠道。你需要：

每周更新一篇博客或行业洞察（AI辅助写初稿，你自己修改到有真知灼见）。这不仅是给客户看，更是给搜索引擎看。
监控转化数据：用百度统计或Google Analytics看哪些页面用户停留最久、哪个行动号召点击率最高。
A/B测试：试着改改Hero区的标题、按钮颜色、表单字段数量，看哪个版本带来的咨询更多。
保持联系方式正确：电话号码有人接，邮件12小时内回复，这是最朴素也最容易被忽视的信任因素。

最后给你一个提醒：不要追求“完美再上线”。先上一个85分的官网，跑起来接收真实客户反馈，比打磨3个月再上线要好得多。你可以一边运营一边迭代。

如果在某个环节卡住了——比如不知道怎么写文案、不确定网站结构是否合理、想让我看看某个AI生成的方案是否靠谱——随时可以继续问我。

继续提问：

Q：扔给Deepseek一张excel版本的网站的布局，并附加一些AI可以自主学习的信息：我要做的官网是XX品牌的官网，你可以参考一下XX（国际官网） XX （中国官网）XX（新加坡官网），我们不需要做成一个在线商城，而是以品牌宣传和内容为主，结合目前业务部门的需求（如图）请帮我思考一下，我需要怎么开展（我是全栈开发人员，可以使用AI Agent工具做开发）

A：感谢你把实际业务需求和现有官网都摆出来，这让问题变得非常具体。作为全栈开发+AI Agent使用者的组合，你的起点比大多数人高很多。

让我直接分析你的情况，给出一套可行的方案。

一、先理解你面对的现状

看了你给的表格和现有的三个官网，我注意到几个关键点：

官网	定位	特点
.com（国际）	品牌形象展示	偏高端、视觉驱动、内容较少
com.cn（中国）	品效合一	内容最多、有商城入口、信息层级复杂
com.sg（新加坡）	轻量展示	简洁、偏本地化

你业务部门给的需求表格，我理解本质上是在说：现有官网太偏电商/功能导向，需要一个以品牌内容为核心的官网——更像一个“品牌杂志+产品档案馆+文化展示中心”，而不是一个卖货的铺子。

表格里的关键信息我提炼一下：

核心模块：公司简介、旗下品牌（10+个子品牌）、文化、大事记、海外布局
公司新闻/定期报告：两个独立栏目（偏上市公司信息披露）
走进XX：研发制造、文化艺术、社会责任三大板块，下面有更细的子项（人体工学、材料创新、美术馆、扶困助学等）
版尾：联系方式、服务热线、社交媒体矩阵、线下门店入口

隐含需求：品牌调性要统一、内容要可扩展、不要和现有电商逻辑打架。

二、你的优势与策略定位

作为全栈开发 + AI Agent使用者，你的打法应该是：

不从头写代码，而是用AI Agent搭建“内容架构 + 组件库 + 生成静态站点”

具体来说，你可以采用 Headless CMS + Static Site Generator + AI辅助开发的路线：

层级	选择	理由
静态站点生成器	Astro（推荐）或Next.js（SSG模式）	内容型网站天然适合静态生成，速度快、SEO友好
Headless CMS	Decap CMS（原Netlify CMS）或Sanity	让业务部门自己更新新闻、大事记、旗下品牌介绍，你不需要当客服
部署	Netlify / Vercel	免费额度足够，自动从Git部署
AI Agent工具	Cursor + Windsurf + Claude API	编码、调试、内容迁移都靠AI加速
样式	Tailwind CSS + 你自己设计一套组件	保持品牌一致性，AI生成组件也很方便

为什么不是直接用WordPress或Webflow？

因为你作为全栈，用代码+AI效率更高，自由度更大，而且后续维护成本更低（没有插件冲突、没有主题限制）。

三、具体实施路线图（按优先级）

第一阶段：信息架构与内容模型设计（1-2天）

用AI帮你梳理内容结构，然后实现成CMS模型。

你可以这样问Claude：

我要做一个品牌官网，内容结构如下：

首页：品牌大片轮播、旗下品牌logo墙、走进XX（三个板块）、最新新闻/大事记摘要

公司简介页：独立页面

旗下品牌页：展示10+个子品牌,每个品牌有独立的详情页

文化页：包含大事记（时间线）、工坊、体验馆等

新闻中心：新闻列表+详情页（公司新闻、定期报告两个分类）

海外布局页：展示各个国家站点信息

走进XX：研发制造、文化艺术、社会责任

请帮我：

画出页面层级地图

设计Sanity或Decap CMS的内容模型（用JSON Schema表示）

给出Astro项目的目录结构建议

它会给你一个相当完整的基础框架。你把生成的内容模型直接用到CMS里。

第二阶段：组件化开发（2-3天）

用AI生成可复用的UI组件，而不是一页一页写。

先搭建这些核心组件（提示词示例）：

请帮我生成一个Astro + Tailwind CSS组件：1. BrandHero：全屏轮播组件，支持图片/视频背景，带标题和描述2. BrandGrid：旗下品牌展示网格，每个品牌卡片有logo+名称+简介+链接3. Timeline：大事记时间线组件，左侧年份右侧内容4. NewsCard：新闻卡片组件，显示标题、日期、分类标签、摘要5. ThreeColumnFeature：走进的三个板块入口组件6. Footer：版尾组件，包含联系方式、社交媒体图标、门店查询入口7. 移动端响应式适配

每个组件生成后，你在本地跑起来调整样式和交互，确保和的品牌视觉一致（可以参考配色和字体）。

关键技巧：把品牌的brand guideline（如果有）或者现有官网的CSS变量提取出来，喂给AI作为设计约束。

第三阶段：内容迁移与集成（2-3天）

用AI Agent把现有官网上可以复用的内容抓取并转换格式。

比如：

从com.cn抓取公司新闻列表和详情（如果允许）
将旗下品牌介绍整理成Markdown文件
大事记按年份整理成JSON

然后用脚本批量导入到CMS（AI写这个脚本）。

这步最耗时，但AI可以帮你做80%的重复工作。

第四阶段：联调与优化（1-2天）

确保所有链接跳转正确（尤其是海外官网跳转、线下门店查询）
测试移动端体验
配置SEO元标签（AI可以帮你生成每个页面的默认meta）
设置表单提交（如有加盟合作/大客户团购入口，走Formspree或Web3Forms这类无后端方案）

第五阶段：与业务部门的协作方式

你提到业务部门给了需求表格，但很可能他们没有能力直接操作CMS。建议你：

搭建一个Staging环境（

类似preview.yourdomain.com），给业务部门预览
设定内容更新流程：新闻、大事记、品牌介绍这类内容，教会1-2个对接人用CMS的Markdown编辑器更新
复杂内容（轮播图、首页配置）你亲自维护，因为涉及设计和排版判断
每周一次内容同步会：问他们“下周要上的新闻/活动是什么”，你提前准备内容模板

四、一个更具体的：第一周可执行计划

天数	任务	AI Agent使用
第1天	用AI产出信息架构和CMS内容模型，初始化Astro项目	Claude生成Schema，Cursor写初始代码
第2天	搭建Decap CMS本地环境，配置内容集合	AI生成配置文件，调试认证
第3天	开发首页组件（Hero轮播、BrandGrid、走进三大板块）	逐个组件让AI生成，手动调整
第4天	开发旗下品牌页+子品牌详情页动态路由	AI生成动态路由逻辑和模板
第5天	开发新闻中心+大事记时间线	AI处理分页、分类过滤
第6天	整合版尾、联系方式、外部链接	AI生成Footer组件，配置social links
第7天	部署Staging，让业务部门预览+反馈	修复反馈的问题

五、几个重要的提醒

不要复制现有电商网站的代码或内容结构。你是全新品牌站，应该有更清晰的叙事线和更好的阅读体验。
考虑SEO特别重要。内容型官网的生命线是搜索流量。每个品牌介绍页、新闻页都要有独立的meta title/description，URL结构要语义化（如/brands/xxx而非/p/123）。
和现有官网的关系要明确。建议先和业务部门确认。
AI生成的代码要做code review。尤其是有动态路由、CMS回调、表单处理的部分，AI容易产生幻觉。但你作为全栈，看一遍应该很快。

六、如果你现在就想开始

打开Cursor，新建一个项目，输入这条提示词：

帮我创建一个Astro + Tailwind CSS + Decap CMS的项目脚手架，用于搭建品牌内容官网。需要包含以下页面和组件：[粘贴上面你整理的需求]。同时生成一个示例首页，展示品牌轮播图和旗下品牌网格。

你会得到一个可运行的起点。然后我们可以在下一步细化每个页面。

如果你在实施中遇到具体问题——比如不知道如何配置Decap CMS的认证、动态路由怎么写、或者AI生成的代码跑不起来——随时带着报错信息来问我。

对于DeepSeek给我的技术方案，我不是很满意，因为不是我擅长的技术栈，于是继续提问。

Q：Astro + Tailwind CSS + Decap CMS — 这几个我都不是很熟悉，可以换成中国境内的流行框架么，然后图和素材暂时不需要，因为业务侧有设计师，可以提供图和素材。技术栈想用java vue，cms不想使用开源的，可以自建。我想用Qoder的Quest模式开始开发，请给我一个指导。

A：太棒了！Qoder 的 Quest Mode 正好是为这种需要“端到端交付”的全栈项目设计的。它不只是一个聊天助手，而是一个能自主完成整个开发任务的 AI 智能体。简单说，你不再需要一步步指挥 AI 写代码，而是可以像项目经理一样，把任务整个“外包”给 AI 团队。

以下是一份为你量身定制的，使用 Quest Mode 开发“品牌官网”的完整操作指南。

🎯 第一步：创建任务，选择正确的“场景”

新建一个 Quest 时，Qoder 会提供几种场景，这里你的选择至关重要：

选择“Spec 驱动”场景：
– 为什么？你的项目是一个结构清晰、功能明确的生产级应用，而不是随便玩玩的原型。“Spec 驱动”模式会强制 AI 在动手写代码之前，先和你对齐一份详细的设计文档（Spec）。

– 这样做的好处是：确保 AI 真正理解你的业务需求（旗下品牌、新闻中心、走进），避免它“自由发挥”导致南辕北辙。你也可以在编码开始前，像审核方案一样把关这份文档。
选择执行环境：

– 如果你希望本地代码实时变化，可以选择 Local 模式。

– 如果你想在任务执行期间继续做其他事情，或者任务非常耗时，可以选择 Worktree 模式（在隔离环境中运行，不影响主分支）。

📝 第二步：撰写“需求说明书”——这是最关键的一步

在 Qoder 的对话框中，你输入的 Prompt 质量直接决定了最终产出。依据我们之前讨论的需求，可以这样组织你的 Prompt，我会附上一个初始模板，你可以直接复制并填充内容：

任务目标：

从头开始，用一个新项目，为“内衣”开发一个品牌宣传官网。

技术栈要求：

后端：Java (Spring Boot 3.x)

前端：Vue 3 (组合式API) + TypeScript + Element Plus UI库

数据库：MySQL

前台展示系统 (面向公众):

后台管理系统 (面向业务运营人员):

前后端分离，代码结构清晰，遵循 RESTful API 设计规范。

数据库设计合理，核心表包括：品牌表、新闻表、板块内容表等。

请注意：设计师会提供全部的图片素材，因此你生成代码时，可以在相应位置使用占位图片，并添加注释 “TODO: 替换为设计素材”。

请不要将本项目开发成一个在线商城。

核心功能模块：

首页: 包含 Hero Banner (全屏轮播图)、旗下品牌展示墙、最新新闻动态、走进三大板块入口。

旗下品牌页: 以网格形式展示所有子品牌 ()。点击品牌进入详情页，展示其Logo、介绍和Slogan。

新闻中心: 一个双栏（公司新闻/定期报告）的新闻列表，支持点击后查看富文本详情。

走进页: 展示“研发制造”、“文化艺术”、“社会责任”三大板块的图文内容。

需要实现简单的登录认证 (JWT)。

提供可视化的管理界面，能够对“品牌”、“新闻”、“走进板块”等内容进行增删改查操作。

非功能性要求 & 其他说明:

就像这样，描述得越细致，AI 生成的 Spec 就会越贴合你的期望。当然，Qoder 随后会通过提问来帮你澄清模糊点，这时候只需要如实回答即可。

🚀 第三步：审核 Spec，放手让 AI 去“做”

当你提交任务后，Qoder 会进入“需求澄清”阶段，可能会反问一些问题。完成初步交流后，它会在右侧的产物区 (Artifacts) 生成一份详细的 Spec 文档。

审核 Spec：请务必仔细阅读。这份文档会包含项目结构设计、数据库表结构、API 接口定义等。如果有任何不符合预期的地方，直接在对话框里告诉它，比如“品牌表里增加一个排序字段”，等它修改完成，确认无误后，点击 Run Spec 按钮。

从这一刻起，AI 就进入了完全的“自主编程”状态。你可以在中间的对话区看到它的 To-do List（执行计划），并在右侧实时查看它创建了哪些文件。整个过程就像在监控一支远程开发团队高效工作。

👀 第四步：监控进展，必要时“介入”微调

在 Quest 执行过程中，你不需要时刻盯着，但可以偶尔关注一下：

正常执行：它会自动搭建后端、编写前端页面、配置数据库，并解决遇到的小问题。Quest 模式的设计初衷就是减少人工介入。
需要操作 (Action Required)：如果 AI 遇到无法自动解决的关键问题（如依赖冲突），它会主动标记为 Action Required 状态，并在对话区提问，等待你的指令。
中途追加需求：如果突然想到一个新功能，比如“在后台再加一个轮播图管理功能”，可以直接在输入框里发给他，它会动态调整计划。

✅ 第五步：验收成果，合并代码

所有任务完成后，Qoder 会生成一份任务报告 (Task Report)，汇总代码变更、验证步骤和结果。

在 Changed Files 标签页，你可以清晰地看到所有新增或修改的文件。审查无误后，点击 Accept，这些改动就会合并到你的本地项目中了。

💡 一些实用技巧

用好上下文 @：在输入 Prompt 或追加需求时，可以输入 @ 来引用当前项目中的文件、文件夹，或我们之前讨论时留下的笔记，帮助 AI 更好地理解。
从哪里开始：建议你先根据上面的模板，在 Qoder 里新建一个 Quest。先别急着让它写代码，先观察它生成的 Spec 文档是否符合你的预期。这是检验你 Prompt 是否清晰、以及 AI 是否理解到位的最好方式。
关注 Skill 扩展：Qoder 的 Skills 功能很强大，比如 /vercel-deploy 技能可以帮你把项目一键部署到云端。等你项目开发完成，可以试试看。

按照这个流程走一遍，你的“官网”核心架构在一天之内就能成型。如果在审核 Spec 或后续验收阶段有任何拿不准的地方，随时把 AI 生成的方案发给我，我们一起看看怎么调整到最佳。

于是，我开始让DeepSeek生成Prompt

Q：那我们开始吧，第一步是帮我生成prompt

A：

还附带了使用说明：

然后仔细审核DeepSeek给的这个Prompt，我发现少了一些功能。

Q：是不是缺少了公司报告模块的管理？

A：AI很聪明得顺道还发现了另一个缺失，也做了补充

中间的不确定问题，都可以继续通过问答调整，AI会不断输出反馈和更正之后的Prompt

对于一些不确定的技术方案选型，也可以参考一下AI的反馈。

然后，就是打开阿里的AI Vibe Coding工具Qoder，欣赏魔法的时候到了。。。Quest的模式会将Prompt做一系列的任务拆解，然后分任务执行，唯一不爽的是，Qoder的Credits消耗的比较快，还好在花光Credits的时候已经到了最后联调测试验证的时候，前后端都可以跑起来了。

然后转战使用免费的字节的TRAE，开始调整细节。惊喜的是，AI生成的CMS完全按照我们的期望，基本上90%的功能都没问题，除了一些图片的上传下载，PDF的预览等小问题，也自主修复了。整个过程耗时4小时，这在过去至少需要一个前端一个后端，开发一周，也就是得10个Person Day的Sizing。

后端CMS：

前端官网：

AI落地的速度确实是提升了90%，感觉大部分的老旧系统都可以进入到重构的阶段了呢。。。

最后想说的是，AI时代对于程序员技术人才的要求要越来越多元化，一心钟爱技术，低头码代码的竞争力已经大幅削减，企业更多需要的是能懂运营，有业务意识，能聊明白需求，能结合AI给出合理的方案，并利用AI工具快速落地的综合性人才，甚至可以下探到运维运营领域的提效，比如在系统上线之后，如何能有效培训用户，如何快速解答用户问题（知识库，智能问答，客服机器人等等），这些才是企业人才战略的方向。

共勉。