项目组-01-AI编程完整指南-从想法到产品

写给星星的话：你之前说"心中有竹子，AI才能帮你画出来"。这份指南就是教你怎么把这根竹子描述得清清楚楚，让AI完全明白你要的是什么。看完你就会发现，原来做一个网页、一个工具、一个简单的小程序，没有想象中那么难。

规范DOCX未标注

规范DOCX下载原文件

## AI编程完整指南：从想法到产品

写给星星的话：你之前说“心中有竹子，AI才能帮你画出来”。这份指南就是教你怎么把这根竹子描述得清清楚楚，让AI完全明白你要的是什么。看完你就会发现，原来做一个网页、一个工具、一个简单的小程序，没有想象中那么难。

第一部分：编程到底在干什么

打个比方，你就懂了

想象你要开一家奶茶店。

前端 = 店面装修

客人走进店里，第一眼看到的就是装修——灯光、桌椅、菜单牌。程序里的“前端”就是这个道理，它是用户直接看到、点击操作的部分。一个网页长什么样、按钮在左边还是右边、颜色是粉色还是蓝色，这些都是前端决定的。

后端 = 后厨

客人点了单，后厨要做奶茶、准备配料。后端就是干这个活的——处理数据、做计算、调用各种服务。客人看不见后厨，但没了它，店面再漂亮也没用。

数据库 = 仓库

原料放哪里？奶茶配方存哪里？数据库就是存放数据的地方。用户的注册信息、你写的文章、你生成的图片，都存在这里。

接口 = 服务员

客人跟后厨不能直接对话，要通过服务员传达。接口就是前端和后端之间的“传话人”，把用户的需求传给后厨，把做好的奶茶端给客人。

常见的程序类型

你可能用过很多不同的东西，来看看它们都是什么“店”：

程序类型	像什么店	你能做什么
网页	奶茶店	展示信息、收集数据、做工具
APP（手机应用）	外卖APP	在手机上用的完整应用
小程序	商场里的奶茶柜台	微信/支付宝里直接用，不用下载
浏览器插件	店门口的迎宾机器人	给浏览器添加新功能
桌面工具	店里的自助点单机	电脑桌面上的小工具
H5/互动页面	快闪店	轻量级交互展示

每种类型用什么技术（简单了解就行）

你不需要记住这些，但AI给你选的时候你可以说“我想做XX类型”：

• 网页：HTML/CSS/JavaScript（最常见）、React、Vue

• 小程序：微信小程序（用JS）、支付宝小程序

• APP：Flutter、React Native

• 浏览器插件：JavaScript、Manifest V3

• 桌面工具：Electron、Python桌面应用

记住：你不需要选，AI会帮你选。你只需要说“我要一个XXXX”就行。

第二部分：你只需要填的东西——需求描述模板

下面给你6个场景的模板。你要做什么，就选对应的模板，把方括号里的内容替换成你自己的情况就行。

模板1：工具类网页

适用场景：AI面试助手、简历评分器、记账工具、计算器、在线表单等

我要做的是一个[工具名称]

这个工具做什么用

[一句话描述：帮用户干什么]

页面长什么样

[描述布局，比如：左边放输入框，右边放结果预览] [或者：顶部标题，下面分成上下两部分，上面输入，下面显示]

有哪些按钮/操作

[按钮1]：点击后做什么
[按钮2]：点击后做什么
[按钮3]：点击后做什么

用户输入什么

输入框1：[描述要输入什么，比如：粘贴简历文字]
输入框2：[描述要输入什么，比如：选择职位类型]
输入框3：[描述要输入什么，比如：上传图片]

用户得到什么输出

结果1：[描述输出是什么，比如：显示一个0-100的分数]
结果2：[描述输出是什么，比如：生成一段文字建议]
结果3：[描述输出是什么，比如：导出一张图片]

数据存不存

不存，用完就没了
存到浏览器（关闭后还有，但清缓存就没了）
存到云端（注册登录后能一直用）

风格偏好

配色：[比如：简约白、少女粉、科技蓝]
感觉：[比如：专业严肃、轻松活泼]

例子（填空后）：

我要做的是一个简历评分器

这个工具做什么用

帮用户分析简历，给出优化建议

页面长什么样

顶部放标题，中间放一个大的文本框，下面一个按钮“开始分析”，结果在按钮下方展开

有哪些按钮/操作

“开始分析”按钮：点击后分析简历内容
“复制结果”按钮：点击后把分析结果复制到剪贴板

用户输入什么

简历内容：粘贴完整的简历文字

用户得到什么输出

评分（0-100分）
分项打分（排版、内容、关键词等）
优化建议（3-5条）

数据存不存

不存，用完就没了

风格偏好

配色：蓝色为主，专业干净的感觉

模板2：个人网站/博客

适用场景：个人作品集、个人博客、个人介绍页、简历网站

我要做的是一个[名字]的个人网站

叫什么

[网站名字或标题]

有几个页面

[页面1]：比如“首页”
[页面2]：比如“关于我”
[页面3]：比如“作品集”
[页面4]：比如“博客”（可选）

每个页面放什么

首页/主页面：

[描述：比如“一张大图背景+中间放名字和 tagline”]
[描述：比如“下面放3个按钮导航到其他页面”]

关于我页面：

[描述：比如“放一张照片+200字自我介绍”]
[描述：比如“放一些个人标签：设计师/创业者/猫奴”]

作品集页面：

[描述：比如“用卡片展示6个项目”]
[描述：比如“每个卡片有缩略图+标题+一句话描述”]
[描述：比如“点击卡片弹窗显示详情”]

博客页面（如果有）：

[描述：比如“文章列表，标题+日期”]
[描述：比如“点击进入文章详情页”]

风格偏好

配色：[比如：黑白灰，极简；或者：深蓝+金色，轻奢]
字体感觉：[比如：正式商务；或者：活泼手写]
参考风格：[比如：像苹果官网；或者：像Notion的风格]
动效：[比如：滚动时有渐入效果；或者：不需要动效]

模板3：小程序/APP

适用场景：记账APP、待办事项、习惯打卡、体重记录、简单社区

我要做的是一个[名称]小程序/APP

核心功能是什么

[一句话描述：帮用户干什么]

用户打开第一眼看到什么

[描述：比如“一个登录/注册页面”]
[描述：比如“直接显示首页，展示今日任务清单”]

有几个主要页面

页面1 - [页面名]：

放什么：[描述主要内容和功能]
怎么操作：[描述用户怎么用这个页面]

页面2 - [页面名]：

放什么：[描述主要内容和功能]
怎么操作：[描述用户怎么用这个页面]

页面3 - [页面名]：

放什么：[描述主要内容和功能]
怎么操作：[描述用户怎么用这个页面]

需不需要这些功能

登录/注册：[ ] 需要 [ ] 不需要
付费/会员：[ ] 需要 [ ] 不需要
消息通知：[ ] 需要 [ ] 不需要
分享到微信：[ ] 需要 [ ] 不需要

数据存不存

只要当前用的，关闭后清空
存在手机本地，长期保存
存到云端，换手机也能用

风格偏好

配色：[比如：小清新绿、少女粉、商务蓝]
风格：[比如：简约、功能优先；或者：可爱、有很多表情包]
目标用户：[比如：给自己用；或者：给上班族用；或者：给宝妈用]

模板4：小游戏

适用场景：消消乐、答题游戏、跑酷、放置类游戏、简单的互动小游戏

我要做的是一个[名称]小游戏

游戏规则是什么

[描述：比如“消消乐，三个相同颜色连在一起就消除”] [描述：比如“答题，每答对一题加10分，共10题”] [描述：比如“躲避障碍物，碰到就结束”]

游戏目标是什么

[描述：比如“在60秒内获得最高分”]
[描述：比如“通关20关”]
[描述：比如“坚持120秒不死”]

画面风格

操作方式

要不要这些功能

积分系统：[ ] 需要 [ ] 不需要
排行榜：[ ] 需要 [ ] 不需要
音效/背景音乐：[ ] 需要 [ ] 不需要
记录最高分：[ ] 需要 [ ] 不需要
游戏结束画面（显示分数/重玩按钮）：[ ] 需要 [ ] 不需要

特殊要求

[比如：想要有教程引导、想要有不同的关卡、想要有道具系统]

模板5：浏览器插件

适用场景：一键保存网页内容、自动翻译页面、网页去广告、页面高亮标记、一键生成摘要

我要做的是一个[名称]浏览器插件

这个插件在什么网站上用

所有网站都能用
只在特定网站用：[比如“只在微信公众平台用”]

插件干什么

[描述：比如“一键把当前网页的文章保存为Markdown格式”] [描述：比如“自动翻译页面上的英文为中文”] [描述：比如“隐藏网页上所有的广告元素”]

用户怎么触发

点击插件图标就执行
在网页上右键菜单选择
页面上显示一个浮动按钮，点击执行
快捷键触发：[比如“按Ctrl+Shift+S保存”]

结果怎么展示

直接复制到剪贴板
显示一个弹出框/通知
下载一个文件
在页面上插入内容

要不要这些功能

设置页面（让用户自己配置）：[ ] 需要 [ ] 不需要
图标/界面：[描述你想要的图标风格]

模板6：H5互动页面

适用场景：活动宣传页、节日祝福、测试/答题类、心理测试、作品展示、课程介绍

我要做的是一个[名称]H5页面

这个页面做什么用

[一句话描述：比如“端午节活动介绍+报名入口”]

页面结构（几个“屏幕”/几屏）

第1屏/首页：

内容：[描述：比如“大标题+背景图+开始按钮”]
往下翻能到下一页

第2屏：

内容：[描述：比如“活动介绍，3个好处”]
[描述：比如“配合图标和简短文字”]

第3屏：

内容：[描述：比如“报名表单：姓名、手机、选择日期”]
有“提交”按钮

第4屏：

内容：[描述：比如“感谢页面+分享按钮”]

有哪些交互效果

配色和风格

主色：[比如：红色喜庆；或者：绿色清新]
风格：[比如：中国风；或者：现代简约；或者：可爱卡通]
参考：[比如“像网易的刷屏H5那种风格”]

第三部分：怎么跟AI说——对话话术模板

核心原则：像跟助理说话一样

记住：你是在描述你要什么，不是在学习编程。

❌ 错误的说法（太模糊）：

• “帮我做个网站”

• “做一个AI工具”

• “搞一个好看的页面”

✅ 正确的说法（清晰的）：

• “我要一个个人简历网站，有首页、关于我、作品集三个页面”

• “帮我做一个AI简历评分器，用户粘贴简历文字，输出一个评分和建议”

• “做一个作品集网页，用深色背景，卡片式布局展示项目，点击卡片弹窗显示详情”

每种场景的真实案例

场景1：做一个工具类网页

❌ AI听不懂的说法：

“帮我做一个简历分析工具，要好看一点”

❌ 问题：什么叫“好看”？每个人标准不一样。

✅ AI能听懂的3种好说法：

版本A（简洁版）：

“帮我做一个简历评分网页。页面上有一个大文本框，用户粘贴简历；下面一个’开始分析’按钮；点击后在按钮下方显示评分（0-100分）和3条优化建议。风格简约，蓝色为主。”

版本B（详细版）：

“我要一个简历分析工具，页面结构如下：

顶部：标题’简历评分助手’，副标题’上传简历，立即获得优化建议’
中间：一个大的文本框，placeholder写着’请粘贴您的简历内容…’
下方：一个蓝色按钮，写着’开始分析’
点击分析后，按钮下方出现一个结果区域，显示：
总评分（大字，0-100分）
分项打分（排版、内容、关键词各一项）
3条具体优化建议
风格：白色背景，蓝灰配色，简洁专业“

版本C（参考风格版）：

“做一个简历评分工具，参考Notion的简洁风格。功能：用户输入简历文字，输出评分和建议。不需要登录，数据不保存。配色：白底+灰色文字+蓝色按钮点缀。”

场景2：做一个个人网站

❌ AI听不懂的说法：

“帮我做个作品集网站，要专业”

❌ 问题：什么叫“专业”？设计师觉得专业是简约，律师觉得专业是严肃。

✅ AI能听懂的3种好说法：

版本A（简洁版）：

“做一个个人作品集网站，3个页面：首页、关于我、作品集。首页一张大图+名字+一句话介绍，下面导航到其他页面。作品集用卡片展示6个项目，点击卡片弹窗显示详情。深色简约风格。”

版本B（详细版）：

“我要做一个插画师的作品集网站：

首页：大图背景，放我的名字’小鱼’和tagline’用画笔讲故事’，有’查看作品’按钮
关于我：放我的照片（用占位图）和300字自我介绍，包括：做了5年插画、擅长水彩和矢量风格、合作过XX品牌
作品集：瀑布流布局展示12张作品图，每张hover时显示作品名，点击弹窗显示大图+简介
风格：浅色系（米白背景）、手写风字体、整体小清新感觉“

版本C（参考竞品版）：

“做一个个人博客网站，参考苹果官网的简约风格。首页用全屏背景图+居中文字，导航在右上角。博客列表页用卡片展示文章（标题+日期+摘要），点击进入详情页。配色：白+黑灰，不超过3种颜色。”

场景3：做一个小程序/APP

❌ AI听不懂的说法：

“我想做一个记账APP”

❌ 问题：记账有很多种方式，你想怎么记？

✅ AI能听懂的3种好说法：

版本A（简洁版）：

“做一个记账小程序，主要功能：记每天花了多少钱。首页显示今日支出和本月总支出，下面有一个’记一笔’按钮，点击弹出输入：金额+分类（餐饮/交通/购物等），保存后列表显示今日所有支出。不用登录，数据存在手机本地。粉色少女风格。”

版本B（详细版）：

“我要做一个极简记账APP：

首页：顶部显示’今天花了XX元’和’本月已花XX元（预算3000元）’，下面两个tab：‘记一笔’和’账单’
’记一笔’页面：数字键盘输入金额，下面一行分类图标（餐饮/交通/购物/娱乐/其他），选一个分类，点保存
’账单’页面：日历视图，每天显示支出金额，点击日期展开当天明细
不需要登录，数据存本地
风格：绿色为主（感觉省钱），圆角卡片，简洁干净“

版本C（功能补充版）：

“在版本B的基础上，加一个月度统计页面，饼图显示各类支出占比。另外加一个’导出’功能，能把账单导出成Excel发到邮箱。”

场景4：做一个小游戏

❌ AI听不懂的说法：

“帮我做个消消乐游戏”

❌ 问题：消消乐规则很多，哪种消消乐？

✅ AI能听懂的3种好说法：

版本A（简洁版）：

“做一个消消乐游戏：6x6的格子，每个格子一种颜色（红黄蓝绿紫橙），点击一个格子，和它相邻的相同颜色格子会消除，掉落新方块填满。60秒倒计时，消去越多分数越高。卡通风格，有消除音效。”

版本B（详细版）：

“做一个水果消消乐小游戏：

玩法：5x5格子的水果（苹果/香蕉/葡萄/橙子/西瓜），点击水果，周围相同水果都会被消除
得分：每次消除1个得1分，消除5个以上额外奖励10分
时间：90秒倒计时
结束画面：显示总分和最高纪录，有’再来一局’按钮
风格：卡通水果，颜色鲜艳，背景是浅绿色草地
音效：消除时有pop声音，达成combo有欢呼“

版本C（变形版）：

“基于版本B，改成：不是点击消除，而是点击一个水果，然后点击另一个相邻的水果，两者和周围相同的水果一起消除。增加一点策略性。”

场景5：做浏览器插件

❌ AI听不懂的说法：

“做一个翻译插件”

❌ 问题：翻译哪些内容？怎么翻译？

✅ AI能听懂的3种好说法：

版本A（简洁版）：

“做一个浏览器插件：选中网页上的任意文字，右键菜单出现’翻译为中文’选项，点击后在当前页面弹出一个浮窗显示翻译结果。图标是地球仪样式。”

版本B（详细版）：

“我要一个网页翻译插件：

安装后在浏览器工具栏显示一个图标
点击图标：翻译整个页面
选中文字后右键：出现’翻译这段话’选项
翻译结果用浮动小窗口显示在页面右下角，有’复制’和’关闭’按钮
支持语言：中/英/日/韩互译
风格：简洁，不改变原页面样式“

版本C（场景版）：

“做一个专门用于小红书的插件：打开小红书文章页面时，工具栏出现一个按钮，点击后自动把文章内容复制为Markdown格式，弹出提示’已复制到剪贴板’。”

场景6：做H5互动页面

❌ AI听不懂的说法：

“做一个母亲节活动页面”

❌ 问题：什么形式？怎么参与？

✅ AI能听懂的3种好说法：

版本A（简洁版）：

“做一个母亲节祝福H5页面：3屏，首页是一朵康乃馨背景+标题’妈妈，我爱您’，第二屏是输入框’写下对妈妈说的话’，第三屏是生成一张电子贺卡，可以长按保存。整体粉色系，温情感人风格。”

版本B（详细版）：

“做一个母亲节活动介绍H5，结构：

第1屏：全屏背景图（花束），标题’母亲节感恩活动’，副标题’5月12日，与妈妈共度美好时光’，右下角有向下箭头提示
第2屏：活动详情，包含：时间（5月12日14:00）、地点（XX咖啡厅）、内容（插花体验+下午茶）、费用（免费）
第3屏：报名表单，姓名+手机号+参与人数，点提交显示’报名成功’
第4屏：感谢页面，有一朵手绘康乃馨动画效果
配色：粉色+白色为主，温馨浪漫“

版本C（测试类版）：

“做一个’测测你是什么类型的妈妈’的测试H5：

10道选择题（关于带娃态度、购物习惯、时间分配等）
每道题4个选项，选完自动跳下一题
全部答完后显示结果：你属于’XX型妈妈’，给出性格描述和专属礼物建议
可以生成结果图片分享
风格：可爱插画风，粉色+黄色，圆角按钮“

一个完整的对话示例

下面是跟AI对话做一个“AI简历评分器”的完整过程：

你（第1句）：

帮我做一个简历评分网页，用户粘贴简历文字，输出评分和建议

AI（会问你问题）：

好的！在做之前确认几个问题：

评分有哪些维度？比如排版、内容、关键词匹配？
要不要让用户选择目标岗位？
结果页面要不要可以复制或导出？

你（第2句）：

评分维度要有排版、内容、关键词匹配，另外加上一个总分。要有目标岗位选择，从下拉菜单选。分析结果可以一键复制。

AI（再确认）：

收到！还有：

目标岗位有哪些选项？
配色偏好是？

你（第3句）：

岗位有：产品经理、运营、市场、设计师、技术。不需要太花哨，蓝色系专业风格就行。

AI（开始做）：

好的，我现在开始制作！稍等…

（AI生成代码后，会给你预览链接）

你（第4句，测试后发现问题）：

很好！功能都对，但是：

按钮太小了，能放大一点吗？
评分结果能不能加个进度条显示，不要纯数字？
背景色太暗了，能换成白色吗？

AI（第5句）：

好的，马上修改！

你（第6句）：

完美！这就是我要的效果。怎么部署让别人也能访问？

AI（第7句）：

我帮你部署到…（解释部署步骤）

记住这个万能句式

“我要做一个[XX]，它能[做什么]，用户输入[什么]，得到[什么结果]，风格是[什么感觉]。”

比如：

• “我要做一个记账网页，它能记录每天支出，用户输入金额和分类，得到月度统计图表，风格是简约清新。”

• “我要做一个个人网站，它能展示我的作品，访客可以看到首页/关于我/作品集，风格是深色科技感。”

第四部分：从描述到成品的完整流程

第1步：想清楚要什么（填模板）

在动手之前，先用第二部分的模板把你的想法写下来。

不用写得很完美，有几个要点就行：

• 这个东西做什么用？

• 用户怎么操作？

• 最后输出什么？

如果想不清楚怎么办？

→ 先想最核心的1-2个功能，把它们描述清楚，其他后面再加。

第2步：跟AI对话确认需求

把第1步写的内容发给AI。AI可能会问你一些问题，认真回答就好。

常见问题：

• “要不要登录功能？”

• “数据要长期保存吗？”

• “有没有参考的网站/APP？”

• “配色偏好？”

你不需要自己决定，如果不确定，就说“不确定，你帮我选一个常用的就行”。

第3步：AI生成代码

AI会根据你们的对话生成代码。这个过程可能需要几秒到几分钟不等。

等的时候可以想：如果出来效果不太对，我要改什么？

第4步：预览和测试

AI会给你一个预览链接（在浏览器里打开）。

测试的时候要做的：

把每个按钮点一遍
尝试各种输入
看看在不同情况下显示对不对
注意有没有报错

第5步：发现问题 → 告诉AI修改

这是最关键的步骤！没有一次就完美的。

怎么说修改意见？

情况	你可以这样说
按钮太小	“[按钮名字]按钮太小了，放大1.5倍”
颜色不对	“把主色调从蓝色换成绿色”
少个功能	“加一个[XX]功能”
布局不对	“把输入框放到左边，结果放到右边”
想加个页面	“加一个[关于我]页面，内容是…”
效果不对	“这个动画太慢了，调快一点”
整体风格	“更简洁一点，减少装饰元素”

多轮修改是正常的！一般一个小工具需要调整2-3次，个人网站可能需要3-5次。耐心告诉AI你的想法。

第6步：部署上线（让别人也能用）

当效果满意了，AI可以帮你部署。

部署是什么意思？

就像把你的“店”从装修好的样品间搬到大街上，让所有人都能进来。

有哪些方式？

方式	适合什么	费用	难度
AI平台托管	简单网页/工具	免费	很简单，点几下就行
免费平台（Vercel等）	网页应用	免费	稍复杂，需要账号
自己的服务器	所有类型	需要付费	较复杂

一般AI帮你做的话，用平台托管就够了。

第五部分：常见问题FAQ

Q1：我不知道用什么技术/框架怎么办？

A：完全没关系！你就说你要什么功能，AI会根据需求选择最合适的技术。

可以说：“我不知道用什么技术，你帮我选一个适合的就行。”

Q2：代码报错了怎么办？

A：把错误信息复制给AI就行。

步骤：

截图报错页面
或者复制错误文字（一般是红色的英文）
发给AI：“报错了，帮我看看”
AI会告诉你哪里出了问题，怎么修复

常见的报错：

• “Network error” - 网络问题，重试

• “Syntax error” - 语法写错了，AI会帮你改

• “Cannot read property ‘xxx’” - 某个数据不存在，AI会帮你检查

Q3：想加新功能怎么办？

A：直接说就行！

比如：

• “现在只能输入文字，能加一个上传图片的功能吗？”

• “加一个导出功能，能把结果导出成PDF”

• “加一个月度统计页面”

AI会帮你加上，并且处理好新旧功能的衔接。

Q4：做出来的东西别人能用吗？

A：能！

只要你把它部署到服务器上（让AI帮你做），别人通过链接就能访问。不需要下载安装，浏览器打开就行。

如果要做成微信小程序或APP，需要额外审核发布流程，会稍微复杂一点。

Q5：需要买域名/服务器吗？

A：看情况。

情况	需要吗	费用
只是自己用/测试	不需要	免费
想让别人访问（简单网页）	不需要，用免费托管	免费
想让别人访问（正式产品）	建议买	几十元/年起
想有自定义域名	需要买	几十元/年

个人建议：先用免费的试试水，效果好了再花钱升级。

Q6：我描述不清需求怎么办？

A：有几个办法：

给AI看参考：找一个你喜欢的网站截图或链接，说“类似这种感觉”
让AI先做一版：让AI先做一个基础版，然后你边看边提意见
分步描述：先说最核心的功能，其他后面再加
直接问AI：问AI“我要做一个XXX，你觉得我应该先想清楚哪些问题？”

Q7：AI做出来的不满意怎么办？

A：没有第一次就完美的！

把不满意的点说清楚：“这里不好看”、“这个功能不对”
给出具体的修改方向：“换成红色”、“加个动画效果”
如果不知道想要什么：可以说“你试试看，我觉得不好再改”

AI不怕你改，怕你不说话。

Q8：我需要学编程吗？

A：完全不需要。

你只需要：

• 会打字

• 会描述需求

• 会测试和提意见

剩下的交给AI。你是在当“产品经理”，不是当“程序员”。

Q9：AI做的东西安全吗？

A：取决于你做的什么。

• 普通工具/网页：很安全，就是在前端运行

• 涉及个人信息/支付：需要找靠谱的平台，避免信息泄露

• 涉及敏感数据：谨慎处理，能不存就不存

如果不确定，可以问AI：“这个方案安全吗？有没有安全隐患？”

Q10：做出来的东西版权归谁？

A：你让AI帮你做的，版权归你。

AI是工具，就像你用Word写文章，文章版权归你一样。

（不过如果用了AI生成的图片/代码，可能有额外的授权条款，注意看一下）

附录：快速对照表

常用词汇对照

你想说的	换个说法（AI更好理解）
很好看	简约风格 / 配色鲜艳 / 参考XX网站
好用	操作简单 / 步骤少 / 一键完成
高级感	配色少留白多 / 动效流畅 / 字体精致
卡哇伊	可爱卡通 / 圆角元素 / 粉色系
正式	商务风格 / 配色稳重 / 不要花哨

常用尺寸参考

场景	推荐尺寸
电脑网页宽度	1200px 左右
手机页面宽度	100% 自适应
按钮大小	宽度至少120px，高度44px以上
图片尺寸	16:9（横图）、3:4（竖图）、1:1（方形）

常用颜色代码（你可以说颜色名，AI也能懂）

颜色	英文	感觉
白色	white	干净、简洁
黑色	black	高级、专业
蓝色	blue	科技、可信
绿色	green	清新、安全
粉色	pink	少女、温馨
橙色	orange	活力、温暖
灰色	gray	低调、商务

最后

星星，你已经掌握了最重要的技能——知道怎么把自己的想法说出来。

编程语言、技术框架、代码语法……这些你都不需要会。你需要会的，是描述你想要什么。

就像装修房子，你不需要会砌砖，但你得知道你要几个房间、要不要开放式厨房、喜欢什么风格。剩下的，交给施工队。

AI就是你的施工队。

现在，去把你心里的那根“竹子”画出来吧。

如果你在实际使用中遇到问题，随时问AI——它会帮你解决的。