最近各个群里都在转一个叫“死了么”的APP光是名字就能让人多看两眼点进去也无非就是一个大按钮按一下给你弹一句让人哭笑不得的“人生忠告”。但真正让我感兴趣的不是这个APP本身有多好玩而是它背后那件事一个人靠着AI几乎零成本、几分钟之内就能把一个想法变成能安装、能分享的手机应用。这篇文章我就把这个过程彻底拆开来讲。我不会教你去复刻一个同样名字、同样调性的产品因为拿死亡和焦虑做噱头这种事流量来得快反噬也快实在不适合长期做。但我会用同一个产品结构换一个完全正面的主题把“用AI零成本10秒搭建一个APP”的完整路径走一遍。你能学到的是一套拿到任何一个点子都能快速做出原型的通用方法。1. 先把这个“爆火”看明白再动手做1.1 为什么这类APP总能刷屏先说结论这类APP能火靠的不是功能而是“名字反差分享欲”。名字本身就是话题。“死了么”三个字往那一放就比“生活小助手”这种名字多出十倍点击率大家第一反应是“这什么鬼东西”于是就会点进去看。点进去之后内容又是一群正经中带着不正经的随机文案用户觉得“太离谱了”顺手就截图分享到群里。这一套循环下来传播成本几乎为零。这种模式其实不算新鲜每隔一阵就会出现一个用反差感引爆社交媒体的轻应用。它们大多功能极简一屏一个主交互没有注册、没有复杂流程点开即用。这种产品最核心的设计逻辑就是降低用户的使用门槛把“打开”这个动作变成一次猎奇体验。对我来说这类现象真正值得关注的不是那个瞬间的流量而是它证明了一件事普通人和应用之间的“开发门槛”已经被AI压到了几乎不存在。以前要做个APP你得先会前端、后端、打包、上架现在你只要会用中文把需求说清楚AI就能给你产出一个能打开、能交互的原型。1.2 该学什么不该学什么我不建议你在“死了么”这个名字上继续做文章原因有三个。一是应用市场审核过不去低俗、恶搞、打擦边球的命名和内容基本都会被拒就算侥幸上了也会被下架二是用户记不住你猎奇带来的流量没有留存价值用户看完截图就走了不会成为你的长期用户三是这种产品天然带着负面情绪如果做成品牌后面的路会越来越窄。真正该学的是它的“产品结构”一个页面、一个核心动作、一次随机反馈、一个分享卡片。这个结构本身很健康换任何主题都能用。比如换成“今天宜什么”让它每天随机给用户一句积极的心理暗示或者换成“下班了么”用幽默文案帮用户释放工作压力再或者做成“城市探索打卡器”随机推荐一个附近的冷门小店。同样的代码逻辑换个主题就是完全不同的产品。所以这篇教程里我会用“正能量版”来做演示教你从0到1把它做出来并且真正装到手机上。2. “10秒搭建”的真实拆解不是魔法是方法2.1 10秒到底是什么的10秒很多人听到“10秒搭建APP”第一反应是不信这很正常因为“10秒”说的不是“从零到上架应用商店”的10秒而是“从你描述需求到AI生成第一版代码”的10秒。我特意测过一次。打开一个中文大模型网页端输入一段二百字左右的提示词要求它生成一个手机全屏网页APP的完整HTML代码。从按下回车到看到完整代码确实不到10秒。代码大概两三百行包含页面布局、按钮、随机文案逻辑和基本样式直接保存成HTML文件浏览器一开就能用。这才是当前AI开发应用的真实效率原型速度极快但“产品化”的步骤仍然省不掉。你可以把“10秒”理解为“起跑速度”而不是“比赛结果”。AI帮你把最耗时间的骨架搭好后面还需要你做样式微调、联调测试、打包分发。这篇文章的流程就是从10秒开始到最终能装到手机里为止的完整路线。2.2 这套方案能做什么不能做什么AI快速搭建适合三类用途个人Demo演示、企业内部工具、活动营销页面。这类应用有个共同特点不太涉及复杂账号体系、支付、服务器数据存储基本就是“打开页面看个效果”。如果你要做的是需要后台管理、用户登录、数据库、上线商业运营的产品那单靠AI生成一个HTML是不够的。AI能给你前端界面但后端逻辑、数据库设计、接口调试这些仍然需要专业的技术方案。我给你一个判断标准如果这个APP的功能能靠“一个页面本地数据”完成那AI就能搞定大多数如果涉及多人实时协作、支付交易、海量数据请找专业开发。我常用一个类比AI搭建应用就像用预制菜做饭10分钟能端出一桌能吃的菜味道也不错但如果你要开一家需要稳定出品的餐厅还得自己研究供应链和后厨流程。搞清楚这一点你就不会对AI产生不切实际的期待也不会觉得“10秒搭建”是骗人。3. 零成本AI搭建选哪个帮手更靠谱3.1 我的工具清单市面上能做这件事的工具可以分为三类对话式AI、AI编程助手、低代码平台。考虑到“零成本”这个前提我只挑普通用户最容易上手、不花钱也能用的组合。对话式AI方面国内的产品已经很强了豆包、Kimi、通义千问、DeepSeek都支持直接生成完整网页代码。它们的共同特点是网页端打开就能用不需要安装开发环境你把需求用大白话描述清楚它就能返回代码。实测下来Kimi和DeepSeek在长代码生成方面表现不错通义千问对“手机端适配”这类描述理解得比较准确豆包的优势是响应快、免费额度宽松。你可以轮换着用同一段提示词分别发给它们看哪个结果更符合你的预期。AI编程助手方面如果电脑上已经装了VS Code或JetBrains系编辑器可以装一个Fitten Code这样的插件它能直接在代码文件里做补全和对话修改。这套方案更适合“已经会一点代码”的人优势是修改效率高AI生成的文件就在编辑器里改完直接刷新浏览器就能看效果。低代码平台方面如果你连HTML都不太想看到可以用各类可视化小程序工具直接拖拽组件但我会建议至少跑通一遍“AI生成代码”的流程因为这样你才能真正理解一个APP的构成。3.2 不同基础的人怎么选我把选择建议整理成一张表你对着自己的情况选就行。你的基础推荐工具学习成本最终效果完全零基础不会写代码网页对话AI生成完整HTML配合手机浏览器预览极低能做出可演示、可分享的网页版应用会一点HTML/CSS/JSAI编程助手插件边生成边修改低能做出样式更精细的定制应用想认真做一个小程序上架对话AI生成页面草稿 平台开发工具二次调整中等能上微信小程序平台目标在手机桌面装独立图标对话AI生成网页 PWA套壳低能在手机桌面生成全屏图标类似原生APP我的个人建议是如果你是第一次尝试别一上来就装一堆工具直接在浏览器里打开一个对话式AI按下面第四部分的提示词模板走一遍。拿到结果之后再考虑要不要深入。4. 手把手实操让AI在10秒里给你一个APP骨架4.1 一个“无害化”的练手目标为了把这个流程讲清楚我们做一个叫“今天宜什么”的轻应用。它的功能和“死了么”那个APP在结构上几乎是同一个模子一屏一个大按钮点击后随机出现一条文案文案的风格是有趣、积极、带一点小反差。区别只在于主题和文案内容的取向。我选择这个练手目标还有个原因它足够简单但又不至于简单到没有学习价值。它包含了页面布局、事件响应、随机算法、动态文案、视觉反馈这几个核心模块你把这套逻辑跑通以后换任何主题都只是改文案和样式的事。以后你想做“今日运势”“外卖纠结终结器”“开会发言灵感机”都是同一个模板。4.2 提示词怎么写才不吃亏AI生成代码的效果百分之五十取决于提示词。很多人说“AI生成的代码不能用”多半是提示词太模糊。下面这个模板我用过很多次你可以直接抄帮我写一个手机全屏网页APP。 功能要求 1. 页面顶部显示一个标题“今天宜什么”。 2. 页面中间放一个大按钮按钮文字是“抽一张”。 3. 点击按钮后页面下方随机显示一条生活锦囊文案文案要简短、有趣、积极带一点点心理反差例如“宜摸鱼但要把工作做完再摸”。 4. 每次点击的文案不能和上一次重复。 5. 页面右上角放一个刷新按钮点击后重新随机显示。 样式要求 1. 整体风格复古报纸风背景用浅黄色字体用深灰色。 2. 按钮要大要有圆角和按压动效。 3. 所有CSS和JavaScript都写在同一个HTML文件里。 4. 字体使用系统默认字体不要依赖任何外部网络资源。 5. 适配手机屏幕桌面浏览器打开时页面居中并限制最大宽度。这个提示词看起来长但每一句话都有它的用处。技术要求字段“所有CSS和JavaScript都写在同一个HTML文件里”是为了方便你保存和使用“不要依赖任何外部网络资源”是为了避免字体、图标链接失效导致页面变样适配和居中要求是为了让手机和电脑上都能正常打开。把这段提示词发给AI你会在几秒钟内拿到一个完整HTML文件。把代码复制到记事本里保存为“index.html”然后用浏览器双击打开。你就能看到一个可点击、能随机出文案的页面了。到这里你已经完成了“10秒搭建”那一步。4.3 拿到骨架之后的三步小手术AI给的骨架通常能跑但有三个细节我建议每次都检查一遍。第一步用浏览器的开发者工具看手机效果。在页面空白处按F12打开开发者面板点击顶部手机图标切换到手机模拟视图。如果按钮太大、文字太挤、布局乱跑就在这个模式下调整样式。你不需要自己改代码直接把问题描述给AI让它修正比如“手机视图下按钮太宽左右各留20像素边距”AI会立刻给你改好的版本。第二步把文案的随机逻辑改得更自然。第一版AI生成的随机逻辑通常是简单数组随机取一条确实有“连续重复”的问题。你可以让AI改成“最近三次出现过的文案不要再出现”这个逻辑能力AI完全能处理。第三步加一个“点击后的反馈动效”。这个纯粹是体验加分项。让AI在按钮上加“按下缩小、松开反弹”的过渡以及文案出现时加一个小淡入动画不需要多复杂几行CSS就能做出来但观感会明显上一个档次。这三步做完你的“今天宜什么”已经从“能跑”到了“能用”的状态。接下来真正的问题变成怎么让别人在手机上点开它。5. 三种让“网页APP”出现在手机桌面上的姿势5.1 PWA最轻的“假装是APP”PWA全称是渐进式网页应用本质还是一个网页但通过一个清单文件告诉手机浏览器“我可以全屏运行、我有独立图标”于是用户就能把它“添加到主屏幕”看起来跟普通APP几乎一样。具体操作很简单。先把刚才做好的HTML文件放到一个能公网访问的地址可以在GitHub Pages或国内对象存储静态网站托管上建一个免费静态站也可以用临时内网穿透工具让手机和电脑在同一个局域网内访问。然后在AI对话框输入给当前网页增加PWA支持生成manifest.json文件内容包括应用名称“今天宜什么”、图标背景色、主题色、显示模式为standalone并提供一段让用户添加到手机主屏幕的引导文案。把生成的manifest文件放在和HTML同一个目录下并在HTML的head里加上对应的link引用。之后用手机浏览器打开这个页面通过浏览器的“添加到主屏幕”功能桌面上就会生成一个“今天宜什么”的图标点击后是全屏模式和原生APP的打开感受非常接近。注意iOS上添加主屏幕的入口藏得比较深需要点浏览器底部的“分享”按钮再找“添加到主屏幕”。Android上的这一步在浏览器的右上角菜单里不同手机品牌可能位置略有区别。第一次操作可能找不到入口这是正常的搜一下自己手机对应浏览器的操作路径就行。5.2 套壳生成APK安卓手机直接安装如果想让安卓手机直接安装一个独立的APK文件不必经过PWA那套流程可以直接用PWA Builder这类在线套壳工具。它的原理很简单输入你的网页地址点击生成它会自动读取你的manifest配置打包出一个安卓安装包。这个过程通常需要一到两分钟不需要安装开发环境也不需要写原生代码。打包完成后下载APK传到安卓手机上安装即可。安装时系统会提示“是否允许安装未知来源应用”确认允许就行。这种方式的优点是安装后看起来就是一个正经APP缺点是基于网页套壳所有内容仍然需要联网才能刷新。这里要特意提醒套壳工具生成的APK应用签名是你自己的还是工具默认的取决于你用哪个平台。如果只是为了自己装来玩玩无所谓但如果要分发给很多人安装建议学习一下签名相关的概念避免后续更新版本时签名不一致导致无法覆盖安装。5.3 认真上架小程序和应用商店的差距到这里你应该已经发现了做出一个能装在手机上的APP真的不难难的是让它出现在应用商店里。微信小程序是目前个人开发者最容易触达用户的平台。个人主体也可以注册审核通过率相对高一些前提是你的名字、图标、内容不能碰线。注册一个小程序账号后官方开发工具里可以直接导入你现有的HTML页面逻辑只是要套一层小程序的语法壳。让AI帮你完成“把HTML代码改造成小程序结构”这个过程效率很高。iOS App Store就完全是另一套玩法了。首先你需要一个Apple开发者账号这个要付费一年99美元。其次审核更严格你的应用必须有实际功能不能只是个随机文案页面否则大概率被拒。如果你没有在App Store上架的需求建议不要折腾这条路径需求大了再考虑。国内Android应用商店的路子也绕不开软著、企业或个人开发者认证这一堆材料。弄完这些流程少说要一两周。所以说“10秒搭建”这个口号严格指“生成原型”不指“走完上架流程”。这一点心里有数就好不用对“10秒”这个概念较真。6. 新手最容易翻车的四个现场以及排查方法6.1 双击HTML文件没反应这是最典型的开场白。本来期待双击打开就能看到效果结果浏览器里一片空白。排查方法很简单双击打开HTML文件后按F12打开开发者工具切到Console选项卡里面会显示红色的报错信息。大多数情况都是代码里的JavaScript报错比如某个变量名拼错了或者某个函数漏了括号。你不需要看懂这些报错把红色报错信息截图发给AI配上这句话“我的HTML页面打开后空白控制台报这个错帮我修复。”AI通常看一眼就能定位问题。这个经验也适用后面所有场景遇到任何bug别自己瞎猜直接报错截图现场描述丢给AI它自己修自己的代码比人从头排查快得多。6.2 手机上打开页面被放大或者错位电脑上打开一切正常换成手机访问后发现页面被自动缩得很小点击按钮得先放大页面体验很差。这是大多数入门者都会遇到的问题原因是HTML里少了一行视口设置。AI在生成代码时如果没注意到“手机全屏”这个要求就会缺这行代码。解决办法是让AI在HTML的head区域加上这条meta标签meta nameviewport contentwidthdevice-width, initial-scale1.0这行的作用是告诉手机浏览器页面的宽度按手机屏幕宽度来渲染不做默认缩放。加了这行之后再让AI检查一遍CSS里有没有用固定像素宽度尽量改为以百分比或自适应布局为主。这属于一次修好、永不再犯的问题。6.3 页面样式和字体突然全乱了有时你把做的页面发到朋友手机上发现原本漂亮的字体变回了系统标准黑体图标也变成一个个小方框整个页面像没穿衣服一样惨不忍睹。常见原因是当初AI生成代码时引用了外链的字体库或图标库在你自己电脑上能正常加载是因为有缓存朋友手机上首次加载那天下载失败了样式自然就崩了。解决办法是在提示词阶段就堵死这个问题明确要求“不能依赖任何外部网络资源所有样式和字体使用系统能力”。如果已经是外链版本让AI把所有外部引用删除换成内嵌或者系统默认资源。图片如果你特别在意可以让AI把图片转成base64内嵌后直接放代码里。这样才能保证这个页面在离线环境下打开也是完整的。6.4 白屏问题反复出现有时候代码在电脑上打开正常放到手机上就白屏这种问题往往和代码里的JavaScript兼容性有关或者页面加载过程中某个外链请求卡住导致页面无法渲染。排查思路还是那套先把页面放到手机上用浏览器打开通过远程调试工具看控制台报错。如果你不知道怎么远程调试有个土办法在AI对话框中直接说“请把代码优化得兼容低版本手机浏览器去掉所有ES6以上的新语法避免白屏”AI会把可能出问题的语法替换成更通用的写法。另一个实用的排查方法是把页面内容“降级”。比如先把页面里的JS全部注释掉只保留HTML和CSS打开看是不是正常。如果正常说明问题出在JS逻辑上再让AI检查脚本里的执行逻辑。用这种二分法缩小范围比对着代码盲猜有效得多。6.5 为什么劝你别用那个名字最后我还是得把审核这件事单独拎出来说。应用商店对应用的名称、图标、截图、内容描述都有审核规范凡是涉及暴力、低俗、负面联想的内容都会直接拒审。那个“死了么”风格的名称就算你把应用内容做得非常正经光是名字这一关就过不去。更关键的是这种东西不适合你做个人品牌背书。你可以靠反差感获得一次围观但围观不等于认可。如果你真的因此有了一个“我很会做APP”的标签我建议你把这份能力用在积极的方向上做一个帮人解决小问题的工具、做一个让人会心一笑的内容页、做一个能帮到某个小群体的信息卡片。这些东西传播力未必比猎奇产品差而且它们经得起时间推敲。7. 我没有“总结”只有几条私人经验这条内容我不知道说了多少次了再说一遍也不多AI应用开发的核心步骤是把同一个需求放在同一个对话里不断迭代而不是每次调整都重新开一个对话。AI会记得上下文你在原有对话里说“按钮再大一点”“文案再加十条”“背景改个颜色”它的修改都会基于上一版展开连续调整十几次之后结果往往相当惊艳。另一个心得是别被“10秒”这个数字迷住。把目标定成“10分钟拿到一个能给别人演示的原型”更现实也被更容易做出成就感。10分钟里包括了一分钟写提示词、10秒等代码生成、两分钟保存文件、三分钟调样式、四分钟让AI修Bug。这个节奏我觉得刚刚好既体验到了效率又能学到东西。如果你身边有朋友对这个流程感兴趣你可以把自己做好的页面直接发给他让他点开玩一下。等他问“这到底怎么做的”的时候你把这篇文章甩给他让他自己动手跑一遍。能亲手教会一个人搭出自己的轻应用这事比围观任何一个爆火APP都有意思得多。