https://mp.weixin.qq.com/s/iuRjmRCOM66jp8S1RWfsBQ








































https://mp.weixin.qq.com/s/iuRjmRCOM66jp8S1RWfsBQ
https://mp.weixin.qq.com/s/GvlHWJo60taWPmgceyEaQQ
正文从这里开始!
🔹 HTML = 网页的骨架 🏗️,就像房子的结构!
🔹 标签(Tag) = 建房的砖块 🧱,比如
是段落。
🔹 属性(Attribute) = 额外信息 📌,比如 里的 src 就是图片地址。
🔹 HTML 只是基础,就像一座房子的结构,决定了房间的布局,要让房子变得漂亮,得加上 CSS(装修),想让装修好的房子里的水电能用起来,还得加上 JavaScript!
房子“动“起来。
⚠️ 此时此刻,你可以自己在 AI 对话框里,提一个最简单的需求:「帮我写一个完整的 HTML 网页,主题是关于什么是 HTML」然后复制代码保存到你的文本里,改成 111.html,打开预览一下。
我的效果如下(二维码识别即可预览)
AI 编程 – 纯 HTML
我推荐大家直接就从 AI 编辑器开始,选择用代码能力最好的claude (3.7优先,要是排队需要等太久,就换 3.5),比如用免费的 trae(trae.ai),方便你后面更好的驾驭复杂的项目。
(当然也不是绝对的,你也可以坚持就在大模型窗口里让它完成,但要加一句让它给你一个包含全部 css,js的完整的 HTML 页面,要不然复制也麻烦,让你用 trae 这种工具,是为了方便你后面进阶可以做更复杂的。)
后面的演示我都用trae来操作~
感兴趣的可以看下之前我发过的一些纯 HTML 的代码页面:
体验用 AI Claude 3.5 五分钟写了一个 H5 页面
我先带大家先从纯 HTML 开始探索~不要小瞧它,它也能干很多事情的~
1,一个文字卡片生成器页面
我的提示词过程,错别字我都复制进来了:
帮我设计一个做文字卡片的 HTML5 页面,大概是左侧输入文字,右侧在对应的模板上显示出来,请你结合你对考类产品的理解,帮我多设计几款卡片模板,可以自由选择的
效果预览没有效果
我想在右侧增加一个卡片下载功能,可以把图片下载下来
图片下载的按钮位置可以更合理一些
增加图片尺寸选择,比如 9:16,2:3 ,1:1,4:3 等,右侧区域根据注册的选择,呈现不同的尺寸北京
代码构成(你也可以要求 AI合并在一个HTML文件里):
最终效果如下:
线上效果(二维码识别):
https://zlbigger.com/ai/kapian/
2,时间
提示词过程:
帮我写一个可以在一个页面上显示全球 100 个不同国家地区城市所在首都的当前时间,以北京时间为对比时间,会显示其他城市跟北京时间的时差,要显示城市名,所在时区等信息,可以用横版的形式展示,你根据最佳的设计风格来设计,要求用纯 html代码来实现
网页顶部显示一个类似图片上的这种设计,时间显示
可以给每个城市时间旁边增加一个白天或者晚上的小图标,代表他们所处的状态
最终效果:
https://zlbigger.com/ai/time/
3,做好看的单页,如个人简历,宣传页等。
以我想卖的这个域名为例做个单页。
需求:
我有一个域名:linggan.ai,对应中文"灵感",寓意创意与启发,完美契合AI创新的本质。我想卖给有缘人,你帮我设计一个好看的HTML 单页,介绍它的好,并让感兴趣的人可以联系我,比如加我的微信zlbigger。我对设计的要求就是,突出重点信息,优化视觉层次,配色专业、和谐,多参考一些设计好的产品风格。可以引入一些好看的图标来加强。
输出结果:
体验地址:
https://linggan.ai/
AI编程 – HTML + cURL 快速调用 API
这个部分,就可以进阶一部分了,风险就在于别人可能通过查看你页面的源代码获取到你的 key。
各个大模型平台都有 API 可申请,我就以群里那位同学提到的用 kimi 实现儿童菜谱来举例,直接就用 kimi 的 API。
密钥是一段 sk-开头的代码:
sk-doj3GklTg66UMy9gF770wthsnT12QCLx****************
API 申请地址:
https://platform.moonshot.cn/console/api-keys
把你的需求和对应的 API 文档里的示例(包括你的key)一起告诉 AI:
我想实现一个儿童菜谱功能,用户输入菜谱名字,就从儿童营养专家的角度去分析菜谱是否适合儿童,并给出这个菜谱的制作方法。请用 HTML 的方式实现,设计要求简约清新,我用的 API 是https://api.moonshot.cn ,我的key是sk-doj3GklTg66UMy9gF770wthsnT12QCLx,示例:curl https://api.moonshot.cn/v1/chat/completions
-H "Content-Type: application/json"
-H "Authorization: Bearer $MOONSHOT_API_KEY"
-d '{
"model": "moonshot-v1-8k",
"messages": [
{"role": "system", "content": "你是 Kimi,由 Moonshot AI 提供的人工智能助手,你更擅长中文和英文的对话。你会为用户提供安全,有帮助,准确的回答。同时,你会拒绝一切涉及恐怖主义,种族歧视,黄色暴力等问题的回答。Moonshot AI 为专有名词,不可翻译成其他语言。"},
{"role": "user", "content": "你是一名优秀的儿童营养专家,根据我输入的菜单名字,你来帮我做食谱解析,并给出建议"}
],
"temperature": 0.3
}'
基本上什么都不用改就可以实现一个简单的菜谱查询了:
你要是觉得页面太简单了,或者格式不好看,可以继续提需求~
面太朴素了,我需要更好的设计,同时现在的输出的内容是 markdown 格式的,我需要你帮我转成适合这个页面风格的html 代码,并尽可能引入一些图案来让它更有吸引力
同样的,换成别的大模型 API 也是一样的,比如 DeepSeek,
好了,这个暴露我的 key,我就不放在线地址了……
如果你对这个感兴趣,建议按照我的方式自己操作一下,主要是开动你的想象力,看在这个框框里,你能想出什么好玩的需求去实现它!
最后就是等我的视频教程!麻烦关注我的视频号……
https://mp.weixin.qq.com/s/DB3X_15rvxVcZ0i6GYVACA
现状?
听得最多的,还是那些老生常谈的场景,比如:
车企 用 AI 做 车主 App 的舆情审核,自动识别负面言论、投诉等(说白了就是删帖快点)。
客服行业,AI 主要用于 智能客服,自动回复简单问题,或者过滤一部分用户咨询。
很少有公司明确要求员工必须用 AI 工具,更别提公司出钱大规模采购 AI 解决方案 了。
从技术角度看,AI 现在确实能大幅提升效率:写代码、写文案、数据分析、生成报告,甚至会议纪要,几乎啥都能干一点。
AI 能让文案效率提升 3 倍,但企业不会想着“买 AI 能省 2 个人的工资”,而是直接裁 2 个人,剩下的让 1 个人干三个人的活儿。
程序员用 AI 辅助,写代码能快 50%,但老板不会想着“让程序员工作轻松点”,而是直接加量,“你现在能写更多,那就多干点”。
AI 就很容易变成了一个“尴尬的工具”——你不用,可能会被说“怎么不提升效率”;你用了,活反而多了,最后还得自己背锅。
员工当然不会真心实意地说 AI 好,因为 AI 帮的不是自己,而是老板啊。
还有的就是员工不是不想用 AI,问题是很多 AI 工具要钱,而企业又不愿意出这个钱。
比如一个工具一个月 10 刀,50 个人一个月就是 500 刀,一年6000 刀他都未必愿意出,更别说人更多的公司了。
企业不想自己花钱买,但又希望员工提高效率……
员工想用,但又得自己掏钱,算下来性价比不高,或者偷偷用、不明说,绝不能说我自己出钱给你当高效牛马。
这实际上也是面对一线员工操作使用的 SAAS产品的终局:「一线员工反映说,不好用,没有用……」
那么关键问题来了,老板或者说管理层自己是不是重度 AI 用户?
如果不是,光认为AI 能帮自己裁员,那就容易闹笑话,裁到大动脉
什么人?
学习迭代速度:有些人掌握新工具只需一两次尝试,而有些人可能需要反复培训。选择前者,这种学习能力明显就强。
跨界思维能力:能将不同领域知识和AI工具结合解决问题的人比单纯的”工具熟手”更有价值。
系统化思维:不只会用单个AI工具,而是能构建”AI工作流”,将多个工具组合使用。
结果导向:不迷信AI,始终围绕”解决实际问题”来使用工具,避免为了用AI而用AI。
最最重要的是,事到如今,如果这个人真的是拥抱 AI 的,那一定是大量体验过的,张口就来,甚至也跟我一样写过很多的相关文章……
这些人你面试的时候应该是一点难度都没有,直接问一个问题,让他打开他常用的 AI 工具你就都知道了,甚至你都可以看他过往的历史记录够不够多……
当然,前提是,你也懂啊,要不然你判断不出来不是?也侧面说明,你要是公司老板,就别让那些自个儿都没怎么用过 AI 工具的人带这种部门了……
什么地方可以 AI
无非就是业务,岗位咯。
最简单粗暴的办法,身为老板的你,打开AI 对话框,如 DeepSeek,把你公司的业务介绍告诉它,问它,我这个业务哪些地方可以跟 AI 结合?至于你们能不能做,划不划算,先知道再判断。
比如,「我们公司是生产和制作文化衫的,包括 T 恤,卫衣等,可以根据用户的要求来定制衣服上的文字或者图案,请问这块儿有什么可以跟 AI 相结合的么?请详细说明,因为我是小白,麻烦通俗易懂一些。」
然后你可能就做出这么个业务:
再比如,你把你们公司对外招聘的岗位 JD,复制到 AI 里,跟它说「请根据我提供的这个岗位描述,可以在工作中哪些地方可以利用现有的 AI 产品工具能提高工作效率、质量或者客户满意度?」,我找了个岗位叫「车企数字化解决方案销售」
是不是发现,确实如TapTap老板所说:公司里任何人的工作都可以和AI有关……
当然,这个过程中推进的人一定会遇到各种阻力,各种声音,甚至背锅,就好像当年很多公司推进数字化的时候也一样……
我是觉得这个事儿,难,却正确。
一个拙见
我跟人分享过一个方案,大概是这样的:
在公司内部搞一个大型套壳平台,接入海内外各家 API,文本生成啊,文生图啊,甚至不差钱的又有业务需求的视频生成都行,因为 API 是按需的,其实也不会一次性投入多少钱。(开发可以走那些 AI编辑器的团队版)
把一些公司的内部资料,沉淀的知识库都扔进去。同时创建好一些现成的智能体,比如专门对接新员工答疑的,入职离职之类的手续不知道又不好意思问 HR,直接问 AI 就好了,还有一些业务上,比较常用的可以通过智能体或者工作流,都先建好,相关同事需要的时候直接点开就用了。
如果你真的把企业相关知识库都放进去了,在这个系统里去问肯定要比你一个一个找人问靠谱,真正意义上的可以更高效地被复用和传承。
以员工内部登录账号关联,每个员工入职后就可以登录,如果他在自己的工作场景中分享的智能体或者工作流,可以大大解决某个问题或者效率质量倍增,被很多同事引用了,那可以得到某种奖励,以此来激发同事对 AI 的使用热情。
后台可以看到每个同事在这个系统里的 token 使用情况,每周或者每月出一个数据排名,让那些 token 为零的同事也有压力去主动拥抱。
内部也可以搞一些利用 AI 的比赛,作文啊,画图啊,甚至AI 编程一些应用啊。
资源整合、知识沉淀、协作创新、数据安全、使用监控其实都是可以兼顾到的。
https://mp.weixin.qq.com/s/jIz3iedYghrEH-QLH41Hyw
https://mp.weixin.qq.com/s/dwSOl466TYDsag1Ep4J6Dg
会提问——比知道答案更重要
会判断——学会筛选、验证信息
会创造——用 AI 做有价值的事情
会决策——AI 只是工具,最终选择权在自己
– 让她觉得 AI 有趣,愿意主动探索
– 训练她“提问、判断、创造”的能力
– 让她学会用 AI 完成自己的小项目
AI 是什么?它会思考吗?
这个问题,建议先去 AI 上用这个提示词问一下,可以现场演示给小朋友看,比如用 deepseek:
通俗易懂的给 10 岁小朋友解释 AI 是什么?它会思考吗?
可以得到更多适合小朋友理解的答案,因为会用很多比喻+游戏的方式来说。
比如,AI是超级模仿大师,就像你学画画时临摹老师一样,AI会”看”成千上万张照片,最后能自己画出很像小猫的图案。但它不知道小猫会喵喵叫,只会画线条哦!
AI 其实像一个超级聪明的“百科全书机器人” ,它能记住很多东西,但它不一定懂 ,AI 就像《哆啦A梦》里的小助手,但你需要给它正确的指令。
互动游戏:“AI 你在骗人吗?”
我家小朋友第一次觉得 AI 厉害,是因为去年她自己问一些小马宝莉的内容,发现 AI 都知道,甚至知道一些冷门知识点,她就很兴奋的创建了了各种智能体。
我们可以让小朋友,问 AI 一点问题感受在 AI 的厉害,可以是一些冷门知识或者他们自己熟悉的,比如,企鹅可以在水下憋气 20 分钟:
或者,奥特曼家族一共有多少人?
但是,需要注意的是,用 AI 提问的时候,一定记得开联网功能……怕万一 AI 出现了幻觉,连他们都知道的知识 AI 都打错了,会被小朋友嘲笑,他们就不会觉得 AI 很厉害了……
怎么问 AI,才能得到最好的答案?
一个问题可以怎么优化? 让 AI 给不同版本的答案
AI 也会犯错,我们该怎么判断?
🛑 坏问题 vs ✅ 好问题
❌ 坏问题(AI 不知道你想要什么)
– 什么是太阳?(这个问题太简单,AI 只会给你一个百科答案)
– 怎么学好数学?(AI 可能会给你一堆没用的大道理)
✅ 好问题(AI 能给你精准、有趣的回答)
– 请用 10 岁孩子能听懂的语言解释太阳是怎么发光的?
– 如果太阳会说话,它会怎么介绍自己?(这样可以让 AI 变得更有趣!)
– 我是十岁的小学生,给我 3 个学习数学的方法,每个方法都要有一个有趣的小练习!
提问不是一次就能完成的,超级探索家要不断优化问题!
可以让小朋友自己想一个问题,根据 AI 给出的答案,进行二次提问,参考我这篇《好提示词不是背出来的,是拿AI当自己人聊出来的》,举例:
🟢 第一次提问:
👉 “请告诉我太阳是如何工作的?”
💡 AI 可能会给你一篇很长的科学解释,但太枯燥了!
🔵 优化提问 1:
👉 “请用 10 岁孩子能理解的方式,告诉我太阳是如何发光的?”
💡 AI 现在用简单的词汇来解释了!
🟡 优化提问 2:
👉 “请用 10 岁孩子能理解的方式,并用一个有趣的比喻告诉我太阳是如何发光的?”
💡 AI 可能会告诉你:“太阳就像一个超级大的烤面包机,把氢气变成能量,释放出光和热!”
🎯 练习:用 AI 试试这个方法,优化你的问题至少 2 次!看看答案有什么不同?
AI 也会犯错,我们该怎么判断?
这部分很重要,为了告诉小朋友,AI 输出的也不能全信,要有自己的判断力:「永远要思考,不要盲目相信 AI,要会判断!」
AI 可能会犯这些错误,最好现场就演示举例:
❌ 1. 信息过时了(尤其在不开启联网搜索功能的话,AI 可能不知道最新的事情!)
❌ 2. 有时候 AI 胡编乱造(它可能会像一本“瞎编百科全书”,只要你敢问,它就敢编)
❌ 3. AI 只会给“平均”答案,而不是最好的答案(它不会根据你的情况做个性化推荐)
好问题 = 好答案!学会优化问题
AI 不是“老师”,而是“助手”,你才是大脑的主人!
那怎么解决呢?
1,查找多个来源:让 AI 提供“参考资料”!
2,让 AI 自己检查自己:问 AI ——“你确定这个答案是正确的吗?有没有不同的解释?”
这个部分是让小朋友直接感受 AI 魅力的部分,需要更多的体验,所以要提前准备好一些 AI 工具,带着小朋友一起。
比如,你可以参考我这篇文章:这才是AI的正确用法,把孩子们未来职业期望变成照片打印出来,先给小朋友制作一张照片。
1,AI 画画:让孩子描述一幅画,让 AI 画出来,用差不多的提示词加上一些风格的变化,让小朋友感受到AI 受你控制输出不同内容的乐趣。
提示词:一个可爱的小女孩在海边玩耍
提示词,一个可爱的小女孩在海边玩耍,动漫风格
提示词:一个可爱的小女孩在海边玩耍,旁边是小马宝莉
免费工具:
即梦,https://jimeng.jianying.com/
可灵,https://klingai.kuaishou.com/
2,视频,可以让刚才的画动起来,自己做动画片,也可以把小朋友自己画的画变成活起来的视频,比如下面的视频是我家小朋友的一幅画,
同样,我们可以把上面画的画,变成视频,你也可以让小朋友展开想象力,想一个剧情,把它想成一个文案,“拍”成短片:
自己当导演,“拍”短片,(需要注意,一些知名动漫 IP 会因为版权问题,会生成失败):
「纪实摄影,一个中国小朋友施展魔法,效果像星矢的小宇宙爆发一样」
你甚至可以用你自家小朋友的照片实现超级英雄梦。
免费工具:
即梦,https://jimeng.jianying.com/
可灵,https://klingai.kuaishou.com/
3,AI 写作文,编故事
让她自己去编写各种故事,可以天马行空,建议开启深度思考模式,可以让小朋友看到 AI 是怎么构思的。
可以结合小朋友语文课本里的某个作家,或者某篇文章来进行创作。
比如,他们五年级语文里有一个习作练习,叫:那一刻,我长大了
你可以尝试着,让小朋友结合一些其他的历史人物来写这个内容,会很有意思,比如我们就用诗人李白。
要求:请用诗人李白的第一人称视角来写《那一刻,我长大了》
工具:DeepSeek+深度思考模式
如果想更通俗易懂,可以记上要求:请更通俗易懂一些
很容易让小朋友从不同的角度去理解李白这个人的经历和性格。
你也可以用小朋友的名字,要求用王维的风格写一首藏头诗:
同样的,很多内容我们扔到 AI 里去让 AI 解释甚至会比很多老师要靠谱(我也建议老师们可以利用 AI 来学校如何更好的站在孩子的角度讲他们更容易感兴趣和理解的内容),前提是孩子有这个意识,这也是我铺垫前面章节的原因。
我们再来举个例子,这需要培养孩子养成类似的习惯,比如这首诗:
可以试试这么问 AI「请用通俗易懂的方式解释下这首诗,可以用现代生活场景来举例,让小白更好的理解这首诗好在哪里,稚子弄冰 ,稚子金盆脱晓冰,彩丝穿取当银钲。敲成玉磬穿林响,忽作玻璃碎地声。」
你会发现,如此解释一番之后,这首诗顿时就活起来了,而不是枯燥乏味的。
同理,面对孩子的数学题,我们也是可以同样的思路,只用在前面加一个孩子的年龄甚至性格特征定制一个提示词即可,AI 是非常有耐心的,这个方法行不通,你可以让它换个更通俗易懂的方法来讲,这样你也不用为教不会小朋友而气急败坏了。
比如你就说请用幼儿园小朋友都听得懂都表达方式来讲明白什么三角形的公式,
同样的,英语学习也会变得完全不一样了,你也可以利用 AI 来定制自己的学习内容和方法。
比如,我们输出一个英语故事,还能让小朋友看得懂~那就可以「请用五岁小朋友的英语词汇量来写一段关于猫的英语故事」
诸如此类,方法非常多,所以,家长首先要搞明白,会用,然后你再来“教”她。
关于 AI 编程的部分,这里我就先不说,因为门槛又不一样,前面的部分如果实施的不错,我们可以再延展到这个部分,但不是强调编程,而是强调用 AI 解决一个更复杂的问题的方法。
关键是让孩子养成问 AI 的习惯,这个很重要。
那么作为家长的你,是否已经有这个习惯了呢?
表面上好像是培训孩子,其实是先培训家长。我上面的内容其实特别多简单,轻松入门,但是我也不知道多少人能按照这个去跟孩子聊……
总结来说三句话:
家长的任务:帮助孩子正确使用 AI,而不是完全依赖 AI
孩子的任务:学会提问、学会判断、学会用 AI 解决问题
最重要的能力:批判性思维、创造力、决策力——这才是 AI 取代不了的!
写给普通人的AI工具使用指南:免费用起来再说(这里虽然有一些过期,比如那会儿还没有 DeepSeek,但大部分依然适用)