【使用方法】

1.使用 DeepSeek，把模糊需求变成「精准提示词」

访问地址：DeepSeek ，也可以使用其他AI工具，只要能生成规范完整的提示词就行。（不用豆包是因为他好像生成不了MD）

2.贴入Trae，使用 Trae 依据提示词，生成 HTML 前端页面原型

 下载中文版地址：Trae - AI 原生 IDE

【步骤截图】

比如要做一个登录页面：

一、访问 DeepSeek 官网并输入需求：

# 输入

我想使用 AI Code 助手做一个 Web 登录的 html 前端页面，给我提供一份提示词，要求

1. 包含完成的登录功能，支持账号密码登录，手机验证码登录，微信扫码登录等方式

2. 包含注册，忘记密码，用户协议、隐私政策勾选等功能

二、将Deepseek生成的提示词复制粘贴到Trae。

新建一个md格式的文件，将内容粘入。

三、选择项目文件，然后输入类似“参考 # Prompt.md 文件 进行开发”.

选择模型，Trae CN提供了Doubao-1.5-Pro，Deepseek xxx

四、代码直接应用，会在左侧生成js，html，css这种前端代码文件。会出现调试界面，可以直接查看。或者找到项目文件路径，直接访问html

效果：第一版提示词

第二版提示词

ps：也可以直接找你想要的样式，让deepseek给你分析下人家的原型需求形成markdown文件，你再输入到Trae，让他给你仿制。 

再就是一步步调整样式段落字体布局等等，直接前端代码文件，插入图片，可以让AI帮忙处理。