2026-06-22#
Data: 2026-06-23 00:14:27
为什么感觉 AI Vibe 编程里前端程序员那么多?
这是一个叫 Prajwal 的网友,发布了灵魂拷问!
他说为什么很少有 Vibe 的人去讨论 谈论编写内核、数据库、编译器、分布式系统。这是一个好有意思的问题啊!
我们天天刷知乎、小红书、公众号、抖音,铺天盖地的 AI Vibe coding 的各个作品,是不是大部分都是网页?然后是一些小程序和 APP ,而那种比较传统的实体软件却非常少对吧。
我觉得,很简单!网页写错了,也就卡一下,内核写错了,系统就重启了哈哈…..
其实,这就是网页(Web)的优点,不用分发软件实体的副本,就能短时间触达很多用户!然后让想法到执行的转化变得非常的流畅。而且大多数人也比较熟悉这个概念(但我国,可能会颠倒一下,我们大多数人更熟悉 APP 、小程序,反而对浏览器陌生一点哈哈)。
另一方面,网页比较简单,而构建内核等,则比较的复杂。并且捣鼓起来,更加的抽象,跟一个黑盒子一样。门槛比较高。当然也有一些数据库是 Vibe coding 出来的,比如 hexxladb ,但是谁敢把生产级项目架到这个数据库上呢?复杂的软件,门槛比较高,也有马太效应,越牛的,用户越多,然后越牛….
另外,HTML + CSS 是做可视化最专业的技术栈了,甚至比纯粹的 GUI 还专业很多。虽然 HTML + CSS 语法相当垃圾反人类,但是它就是最成熟!因此,能在极短时间里带来一个绚丽的页面,然后让人的多巴胺疯狂分泌!而且 Web 开发的迭代速度非常快。
而且 cloudflare 大善人,提供的免费基础架构为边缘计算,让你免费托管一大堆网站。
当然…. 也有一个原因,就是训练数据有差距。遍地都是网页,AI 训练时能吃饱吃撑,而一些很复杂的内核、编译器、数据库,数据太少了,生产级别的网页几百万个,生产级别的开源的数据库、操作系统,屈指可数。所以 LLM 在领域,干的活儿不会很好。
大家怎么觉得呢?
| 1 | Minimalism & Swiss Style | Enterprise apps, dashboards, documentation |
| 2 | Neumorphism | Health/wellness apps, meditation platforms |
| 3 | Glassmorphism | Modern SaaS, financial dashboards |
| 4 | Brutalism | Design portfolios, artistic projects |
| 5 | 3D & Hyperrealism | Gaming, product showcase, immersive |
| 6 | Vibrant & Block-based | Startups, creative agencies, gaming |
| 7 | Dark Mode (OLED) | Night-mode apps, coding platforms |
| 8 | Accessible & Ethical | Government, healthcare, education |
| 9 | Claymorphism | Educational apps, children’s apps, SaaS |
| 10 | Aurora UI | Modern SaaS, creative agencies |
| 11 | Retro-Futurism | Gaming, entertainment, music platforms |
| 12 | Flat Design | Web apps, mobile apps, startup MVPs |
| 13 | Skeuomorphism | Legacy apps, gaming, premium products |
| 14 | Liquid Glass | Premium SaaS, high-end e-commerce |
| 15 | Motion-Driven | Portfolio sites, storytelling platforms |
| 16 | Micro-interactions | Mobile apps, touchscreen UIs |
| 17 | Inclusive Design | Public services, education, healthcare |
| 18 | Zero Interface | Voice assistants, AI platforms |
| 19 | Soft UI Evolution | Modern enterprise apps, SaaS |
| 20 | Neubrutalism | Gen Z brands, startups, Figma-style |
| 21 | Bento Box Grid | Dashboards, product pages, portfolios |
| 22 | Y2K Aesthetic | Fashion brands, music, Gen Z |
| 23 | Cyberpunk UI | Gaming, tech products, crypto apps |
| 24 | Organic Biophilic | Wellness apps, sustainability brands |
| 25 | AI-Native UI | AI products, chatbots, copilots |
| 26 | Memphis Design | Creative agencies, music, youth brands |
| 27 | Vaporwave | Music platforms, gaming, portfolios |
| 28 | Dimensional Layering | Dashboards, card layouts, modals |
| 29 | Exaggerated Minimalism | Fashion, architecture, portfolios |
| 30 | Kinetic Typography | Hero sections, marketing sites |
| 31 | Parallax Storytelling | Brand storytelling, product launches |
| 32 | Swiss Modernism 2.0 | Corporate sites, architecture, editorial |
| 33 | HUD / Sci-Fi FUI | Sci-fi games, space tech, cybersecurity |
| 34 | Pixel Art | Indie games, retro tools, creative |
| 35 | Bento Grids | Product features, dashboards, personal |
| 36 | Spatial UI (VisionOS) | Spatial computing apps, VR/AR |
| 37 | E-Ink / Paper | Reading apps, digital newspapers |
| 38 | Gen Z Chaos / Maximalism | Gen Z lifestyle, music artists |
| 39 | Biomimetic / Organic 2.0 | Sustainability tech, biotech, health |
| 40 | Anti-Polish / Raw Aesthetic | Creative portfolios, artist sites |
| 41 | Tactile Digital / Deformable UI | Modern mobile apps, playful brands |
| 42 | Nature Distilled | Wellness brands, sustainable products |
| 43 | Interactive Cursor Design | Creative portfolios, interactive |
| 44 | Voice-First Multimodal | Voice assistants, accessibility apps |
| 45 | 3D Product Preview | E-commerce, furniture, fashion |
| 46 | Gradient Mesh / Aurora Evolved | Hero sections, backgrounds, creative |
| 47 | Editorial Grid / Magazine | News sites, blogs, magazines |
| 48 | Chromatic Aberration / RGB Split | Music platforms, gaming, tech |
| 49 | Vintage Analog / Retro Film | Photography, music/vinyl brands |
第一种,极简主义与瑞士风格(Minimalism & Swiss Style),可用于企业应用、仪表盘、文档。
第二种,新拟态风格(Neumorphism),可用于健康应用、冥想平台、轻柔型工具。
第三种,玻璃拟态风格(Glassmorphism),可用于现代 SaaS、金融仪表盘。
第四种,粗野主义风格(Brutalism),可用于设计作品集、艺术项目。
第五种,3D 与超写实风格(3D & Hyperrealism),可用于游戏、产品展示、沉浸式页面。
第六种,鲜艳色块风格(Vibrant & Block-based),可用于创业公司、创意机构、游戏产品。
第七种,OLED 深色模式(Dark Mode OLED),可用于夜间模式应用、代码平台。
第八种,无障碍与伦理设计(Accessible & Ethical),可用于政府、医疗、教育。
第九种,黏土拟态风格(Claymorphism),可用于教育应用、儿童应用、SaaS 产品。
第十种,极光界面风格(Aurora UI),可用于现代 SaaS、创意机构。
第十一种,复古未来主义(Retro-Futurism),可用于游戏、娱乐、音乐平台。
第十二种,扁平化设计(Flat Design),可用于网页应用、移动应用、创业 MVP 。
第十三种,拟物化设计(Skeuomorphism),可用于老式应用、游戏、高端产品。
第十四种,液态玻璃风格(Liquid Glass),可用于高端 SaaS、高端电商。
第十五种,动效驱动风格(Motion-Driven),可用于作品集网站、叙事型平台。
第十六种,微交互风格(Micro-interactions),可用于移动应用、触屏界面。
第十七种,包容性设计(Inclusive Design),可用于公共服务、教育、医疗。
第十八种,零界面设计(Zero Interface),可用于语音助手、AI 平台。
第十九种,柔和 UI 进化风格(Soft UI Evolution),可用于现代企业应用、SaaS 产品。
第二十种,新粗野主义风格(Neubrutalism),可用于 Z 世代品牌、创业公司、Figma 风产品。
第二十一种,便当盒网格风格(Bento Box Grid),可用于仪表盘、产品页、作品集。
第二十二种,Y2K 美学风格(Y2K Aesthetic),可用于时尚品牌、音乐、Z 世代内容。
第二十三种,赛博朋克界面(Cyberpunk UI),可用于游戏、科技产品、加密应用。
第二十四种,有机亲自然风格(Organic Biophilic),可用于健康应用、可持续品牌。
第二十五种,AI 原生界面(AI-Native UI),可用于 AI 产品、聊天机器人、Copilot 工具。
第二十六种,孟菲斯设计风格(Memphis Design),可用于创意机构、音乐、年轻品牌。
第二十七种,蒸汽波风格(Vaporwave),可用于音乐平台、游戏、作品集。
第二十八种,维度分层风格(Dimensional Layering),可用于仪表盘、卡片布局、弹窗。
第二十九种,夸张极简主义(Exaggerated Minimalism),可用于时尚、建筑、作品集。
第三十种,动态字体排版(Kinetic Typography),可用于首页首屏、营销网站。
第三十一种,视差叙事风格(Parallax Storytelling),可用于品牌故事、产品发布页。
第三十二种,瑞士现代主义 2.0(Swiss Modernism 2.0),可用于企业网站、建筑、编辑类页面。
第三十三种,HUD 科幻界面(HUD / Sci-Fi FUI),可用于科幻游戏、太空科技、网络安全产品。
第三十四种,像素艺术风格(Pixel Art),可用于独立游戏、复古工具、创意项目。
第三十五种,便当网格风格(Bento Grids),可用于产品功能页、仪表盘、个人主页。
第三十六种,空间界面风格(Spatial UI VisionOS),可用于空间计算应用、VR、AR 。
第三十七种,电子墨水与纸张风格(E-Ink / Paper),可用于阅读应用、数字报纸。
第三十八种,Z 世代混乱极繁风格(Gen Z Chaos / Maximalism),可用于 Z 世代生活方式、音乐艺人。
第三十九种,仿生有机 2.0(Biomimetic / Organic 2.0),可用于可持续科技、生物科技、健康产品。
第四十种,反精致原始风格(Anti-Polish / Raw Aesthetic),可用于创意作品集、艺术家网站。
第四十一种,触感数字与可变形界面(Tactile Digital / Deformable UI),可用于现代移动应用、 playful 品牌。
第四十二种,自然提炼风格(Nature Distilled),可用于健康品牌、可持续产品。
第四十三种,交互式光标设计(Interactive Cursor Design),可用于创意作品集、互动页面。
第四十四种,语音优先多模态界面(Voice-First Multimodal),可用于语音助手、无障碍应用。
第四十五种,3D 产品预览(3D Product Preview),可用于电商、家具、时尚产品。
第四十六种,渐变网格与进化极光风格(Gradient Mesh / Aurora Evolved),可用于首页首屏、背景、创意页面。
第四十七种,编辑网格与杂志风格(Editorial Grid / Magazine),可用于新闻网站、博客、杂志。
第四十八种,色差与 RGB 分离风格(Chromatic Aberration / RGB Split),可用于音乐平台、游戏、科技产品。
第四十九种,复古胶片与模拟风格(Vintage Analog / Retro Film),可用于摄影、音乐、黑胶唱片品牌。