虽然嘲笑百度仿佛政治正确,但「秒哒」这个产品可能被严重低估了|AI 实验

Deepseek V3 的 -0324 午夜突然更新登场,直接又掀起了业界的新浪潮。我在一些 AI 头部媒体群里,甚至看到调侃阿里 Qwen3 开源即将成为 AI 界汪峰,于是转念一想——前两天上线的百度“秒哒”那岂不是……
目前 AI 建站领域其实形式上并不那么多样,主流还是 Cursor/Trae + Claude/Grok/Deepseek。归根结底,它们只是“低代码”而算不上“零代码”。“秒哒”的 FPM 则更明确,那就是面向完全没有编程基础的普通人,提供对话式生成特定应用的场景,且直接可发表为公开访问页面,名副其实成为了一款 AI 建站工具。
正巧群里不少头部博主在测试相似 Prompts 在 Deepseek V3 - 0324 与 Claude 3.7 的差异,我便提出或许可以同步试试「秒哒」,可是似乎大家对百度的产品还是无法放下戒心。
于是我着手进行了具体的尝试,虽然没有抱太大的希望,但首先开展了一套「地月火经济」专题的页面生成,采用群友知乎刘琦的提示词样本:
请根据我提供的【中国地月火经济太空发展计划】,创建一个视觉精美的垂直时间线HTML页面,遵循以下详细要求:
1. 页面结构与导航:
- 顶部标题区:展示主题名称和简短介绍
- 选项卡导航:横向排列的选项卡,用于完整切换不同子页面
- 内容区域:当前选中选项卡对应的完整子页面内容
- 每个选项卡对应一个完全独立的子页面,切换时整个内容区域完全替换
2. 子页面视觉设计:
- 每个子页面必须使用不同的Unsplash图片作为背景
- 所有背景图片必须从Unsplash获取,使用格式:https://images.unsplash.com/photo-[ID]?q=80&w=1600
- 图片ID需选择与子页面内容直接相关的图片(如:学习场景、教室环境、职场办公等)
- 背景图片上添加半透明覆盖层:background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.5)), url('图片链接')
- 覆盖层透明度要适中(0.3-0.6),确保文字清晰可读且不喧宾夺主
3. 垂直时间线核心效果:
- 左侧垂直时间线设计:4-5px宽,渐变色彩,与子页面主题颜色协调
- 动态流动效果:白色发光小点(8-10px)在时间线上从上至下循环移动
- 事件节点:每个事件项目通过16-20px的圆形节点与主时间线相连
- 节点连接线:水平线连接主时间线和事件节点
- 保证时间线在所有子页面中保持一致的位置和样式
4. 页面切换效果:
- 选项卡点击后切换整个子页面内容
- 使用JavaScript的display和opacity组合实现平滑切换
- 切换时应有淡入淡出效果(transition: opacity 0.5s ease)
- 子页面切换时,所有动画应重新开始,特别是时间线流动动画
- 当前选中的选项卡有明显的视觉区分(不同背景色、边框或下划线)
5. 事件项目设计:
- 从右侧依次滑入的载入动画(transform: translateX(20px)和opacity: 0到1)
- 相邻事件项目之间设置0.2秒的动画延迟,创造瀑布效果
- 每个事件项目包含:时间标注、标题、描述和可选的注意事项
- 事件项目使用半透明背景(rgba(0,0,0,0.2))增强可读性
- 鼠标悬停效果:轻微放大(transform: scale(1.03))和背景颜色变化
6. 技术要求:
- 纯HTML5、CSS3和原生JavaScript实现
- 使用Google Fonts的Noto Sans SC字体支持中文显示
- 响应式设计,在移动设备上优雅降级(时间线可能变为居中)
- 使用CSS变量定义颜色方案,便于整体调整
- 确保代码组织有序,添加适当注释便于后续修改 7. 动画实现:
- 时间线流动动画:使用@keyframes定义,8-10秒完成一个循环
- 事件项目载入动画:使用animation-delay为每个项目设置交错延迟
- 所有过渡效果使用ease或ease-in-out作为timing-function
- 确保动画不会分散对内容的注意力,保持适当的速度和强度 请根据我的主题自行设计最合适的视觉风格,确保每个子页面都有独特且相关的Unsplash背景图片,整体感觉专业且有凝聚力。生成完整HTML文件,包含内嵌CSS和JavaScript,确保代码结构清晰,易于修改和扩展。
当然,生成的结果并不是一蹴而及的,经过额外对于画面信息的一些微调,计育韬老师得到了一个如下结果页:
https://app-29g5qitfokch.appmiaoda.com
我将这个录屏发送至交流群,不得不说它在效果上实际优于 Deepseek 直出的结果。并且它可以如上发布为站点,并不需要额外支付任何费用以筹备服务器的维护。由此,引起了其他博主们开始对「秒哒」的更多项目测试。
正巧群里还在讨论关于 Deepseek 对四方连续或分形图生成的可能性,一些博主还测试了「敦煌藻井纹样」的 Deepseek/Claude 运行效果,但表现差强人意。
我便思考,能否构建一个应用,能通过对 「敦煌藻井纹样」的几何学理解,让用户可以 DIY 设计呢?因此我以 Deepseek 辅助,先生成了这种图案的数学设计原理和可参数化生成要素:

Root
├─ Center (直径占比38.2%)
│ ├─ 核心纹样 (莲花/宝珠)
│ └─ 一级装饰带 (八宝纹)
├─ Middle (直径占比61.8%)
│ ├─ 二级装饰带 (卷草纹)
│ └─ 三级间隔环 (联珠纹)
└─ Outer (直径占比100%)
├─ 边饰纹样 (飞天/祥云)
└─ 过渡渐变区
```
然后我给了「秒哒」一个非常简单的指令要求:
我准备开发一个敦煌藻井纹样的在线生成器,可以让用户自主点选配色、预设图案等变化生成,所以首先请你学习一下这种纹样的生成原理,并结合你在网上整合到的更多纹样图案理解它的设计方法。整个应用要充满民族艺术设计风采,可以适当选用唐卡、坛城等设计要素。
进而,计育韬老师得到了一个如下结果页,比较超出我的预期:
https://app-29h4qnw1fcw3-29j960jjqozm-preview.appmiaoda.com
如果我进一步丰富纹样的设计选项,加入多重纹样组合的后续功能……那么生成一个真正的「敦煌藻井纹样」是完全可行的。
事实上,亲自动手试一试,往往能很快消除我们天然存在的偏见。尽管大家都说百度在 AI 领域起了个大早赶了个晚集,但从「秒哒」这个产品上,我能看到零代码建站型 Agent 的发展趋势,至少对通用型 Agent(包括 Manus)来说,在垂域深耕的 AI 产品必然将保持得天独厚的优势,甚至对大量传统的建站工具带来深层次的市场威胁。
不妨也去试一试「秒哒」创建一个自己的应用吧!
更多推荐



所有评论(0)