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 产品必然将保持得天独厚的优势,甚至对大量传统的建站工具带来深层次的市场威胁。

不妨也去试一试「秒哒」创建一个自己的应用吧!

Logo

中国智能体开发者社区,聚焦智能体与大模型开发,提供前沿资讯、实用工具链、开源项目及行业案例。通过技术沙龙、开发者大赛等活动,促进经验交流与协作,助力开发者快速构建创新智能应用。

更多推荐