北屋教程网

专注编程知识分享,从入门到精通的编程学习平台

扣子平台上线网页设计后,我赶紧试了4个场景

和做设计的朋友吃饭,聊起找工作,他一肚子苦水。

每次得把作品集打印出来,加上简历厚厚一沓,少说也有十页;不仅费钱费纸,来回带还麻烦。最气人的,面试完没下文了,就算没成作品也拿不回来。

另一位博主朋友的困扰更典型。

平时爱写思考碎片,摄影、剪短视频样样行,电脑里存着几百个 G 的作品,却总说「不知道怎么让人看见」。

她说想过做个网站,一问开发价格,动辄上万,还要注册公司、部署服务器,流程特别复杂,最后,想法一直搁置着。

这样的人还有很多。超级个体的时代,人人都可以是创作者、展示者、表达者。但问题来了:我们有了内容、作品、想法,却没有一个简单、高效、低成本的方式来展示自己。

怎么办?前两天,我找到了解决方案。扣子空间上线一个新功能,一键建站。操作特别简单,三步走:

一,登陆扣子官网(https://space.coze.cn),点击打开网页版,进入对话;二,在对话页面选择网页;三,输入信息(提示词);等几分钟,一个带域名、能直接分享的个人网站就做好了。

01

我开始了第一个任务:生成一个信息类网站,风格像门户,不要太多大图,重点展示内容源。

没想到,扣子 AI 一下就懂了我的意思。

它没套用现成模板,先分析内容该怎么安排,在 Space 工作空间里,我能看到它的思考过程一条条跳出来:

有没有推荐文章?有没有分类专栏?是否需要首页推荐位?是否需要作者介绍页?是否需要搜索功能?

它一边想,一边自动搭起了网站的架子 —— 就像盖房子,先打地基定好整体结构,再搭框架规划页面布局,最后慢慢完善细节。

不到三分钟,网站就生成好了。地址:
https://space.coze.cn/coding-expert-runtime/268248991234

打开一看,确实有点惊讶。页面采用白色背景、深色字体,干净利落,很像一个轻量级的内容门户。

内容安排得清清楚楚:

顶部是导航栏,“首页”“关于我”“文章分类”“联系我” 这些链接都有,点一下就能跳过去,找东西很方便。

首页最显眼的地方是焦点内容区,分了 “今日推荐”“编辑精选” 这些栏目,重点文章一眼就能看到。

往下滑,推荐合集里有 “内容源推荐”“热门标签”“读者最爱” 这些板块;中间区域是文章卡片,每篇都带着标题、摘要和标签,点进去就是完整内容。

页面最底下放了 “关于我们”“帮助中心”“版权声明” 这些辅助信息,看着特别专业。

整个网站没什么花哨的动画,也没堆大图,但结构清楚、内容齐全 —— 就像个内容 “总目录”,想看什么一眼就能找到。

更让我惊喜的是,它还能切换设备视图。我点一下 “手机视图”,就能看在手机上显示的效果;切回 “网页视图”,又能确认在电脑上是不是也显示得好好的。

而且,我试着上传一张设计截图,它竟然能1:1精准复刻,有点 Figma “所见即所得”的感觉。

我琢磨着,只要换一波内容,再配简单后台管理系统,这个展示用的网站,立马就能变成功能齐全的内容管理平台。

所以,不是我们不会做网站,是需要一个能懂我们想法的工具。扣子空间做到了,只要说一句话,内容就能变成一个看着挺专业的信息网站。

02

除做网站,它还能做别的吗?当然。我们常说,重要的事情,最好在心情平静时做决定。

因为情绪一上来,容易冲动,冲动一过,又容易后悔;但有一件事,好像从来不需要“冷静期”,那就是,决定结婚。

结婚是人生大事,仪式感很重要,连邀请方式都得讲究。以前发纸质请柬,现在发微信、朋友圈、H5 链接…… 可总觉得少了点 “专属感” 和 “庄重感”。

于是我想着,用扣子空间给朋友做个电子邀请函试试。

说起做邀请函,估计很多人和我一样,对着输入框犯愁。什么风格?多大尺寸?页面结构怎么安排?内容该写点啥?问题还没想明白,可能就打退堂鼓了。

我决定先在扣子平台输一句话试试:

帮我生成一个婚礼邀请函网页

没想到,AI 立刻开始理解任务请求,在右侧开发过程中,它像一台虚拟机器一样,快速新建了各种文件,开始调用模板。

先整理了新人姓名、婚礼日期、详细地址这些基础信息。然后一步步做格式排版、文案润色、匹配图片、设计页面布局。AI 还考虑到了响应式设计,确保页面在手机和电脑上都能完美显示。

大概三分钟,页面就生成好了。打开一看,有点出乎意料。

主视觉是一张浪漫的鲜花背景图,上面写着 “执子之手,与子偕老”。页面中央是新人的名字、婚礼时间、地点信息,排版简洁又不失仪式感。

点 “查看详情”,能看到婚礼的日程安排,包括签到时间、婚礼仪式、婚宴时间、合影留念和场地信息。要是想去参加,输入名字、选好人数提交就行。

这是生成的网址:
https://space.coze.cn/coding-expert-runtime/131698738434

我觉得挺不错,名字改一下能直接用了。这个案例让我意识到: 很多时候,我们不是不想做点什么,而是不知道从哪开始。

一句话,是最好的开始;只要有一个想法,扣子空间就能帮你落地。

03

嗯,这些有点简单。索性上点难度。什么难度呢?让它做一个详细的销售数据看板。

为了测试效果,我先用扣子空间让它写一段又长又细的提示词,想看看它能不能准确理解、做好。如下:

帮我生成一个详细的销售数据看板,用于展示 2023 年全年的销售业绩。

页面顶部要有一个核心趋势图,显示每月销售额和利润的变化趋势,用柱状图叠加折线图;中间部分得包含五大产品线的表现,用堆叠柱状图,按季度分组展示,颜色深浅表示金额大小。

扣子AI迅速理解了需求,开始生成页面结构。整个过程很顺畅,跟之前一样,一个模块一个模块地慢慢搭起来。

AI 不光把销售额的格式弄对了,还自动加上了月份,以及对应的利润、销售额数据。

生成过程中,我还注意到一些有趣的细节。系统提示:

我发现了一些代码错误,正在自动修复,请您耐心等待。

挺抽象,自己检查自己的代码。不过,由于要求比较高,生成时间稍长一些,但整体生成时间仍然控制在五分钟内。效果令人惊喜。

可以看看怎么样,地址:
https://space.coze.cn/coding-expert-runtime/268249011202

页面做得很清楚,有产品线表现、地理维度分析、销售渠道分析、客户关系数据、核心趋势图这些内容。我觉得这个思路挺好的。

所以,从这个案例能看出来,扣子空间不光能处理简单的网页生成,复杂的业务需求也能应对。多图表的数据看板、详细的交互设计,它都能搞定。

就算面对这么长、这么复杂的提示词,它也能准确抓住每一个细节,把细节变成实际的功能模块。这种能力,对经常要做数据分析和报告的企业来说,肯定特别方便。

光写网站不行,能不能写别的?比如:图片压缩工具?

我最近遇到了一个特别现实的问题:

做 PPT时,经常会插入图片,但有些图片太大,动不动就几 MB,发邮件时经常被限制,上传系统的时候也卡顿。

怎么办?只能手动去压缩,用 PS、用在线工具……但这些方式要么太麻烦,要么需要跳转多个页面,效率很低。

于是,决定再试一次,把问题甩给扣子空间,看看它能不能搞定。

我输入这样一句话:

我报告里要插图,但原图太大了,发邮件不方便。希望能有个小工具,我把图片拖进去,设置一下想要的宽度或文件大小,比如‘小于200KB’,它就能在保证清晰度的前提下把图片变小,让我直接下载。

扣子AI 理解得非常快。不到一分钟,成了。地址:
https://space.coze.cn/coding-expert-runtime/268249044994

你可以把它分享给同事、发到群里,甚至嵌入到内部系统里,大家都能直接用,不需要下载、不需要注册、不需要安装。

而且,工具完全根据我的需求定制。直接拖动图片,或者上传 JPG、PNG、WebP、GIF 都可以,最大支持 50MB 的图片文件

整个工具没有任何广告,也没有复杂的设置,就是一个专为解决特定问题而生的小工具。

04

好了。几个测试看完,你有什么感觉?

智远感受是:我们在和一个理解我们的 “执行助手” 合作;它不会完全替我们思考,但能把思考结果迅速落地。它不会替我们做决定,但能把我们的决定变成现实。

这让我想起小时候看的科幻电影。

主角对着空气说一句话,身后就浮现出一整套数据面板、信息图、三维模型。我们当时觉得那是未来,是幻想。但现在,它正在一点点变成现实。

这背后,你知道用的什么技术吗?我特意查了下,一个核心能力叫:执行链(Chain of Action)。

什么是执行链?Agent 模型处理任务时,自动生成的一系列行动步骤。它会结合思维链(CoT),实现思考和行动的循环。

传统工作流要手动设计才能分解任务;Agent 模型不一样,它把工作流逻辑变成了自己的行为,能自动生成一套行动步骤。

所以,扣子空间的Agent,是行动力放大器。

你是诸葛亮,负责运筹帷幄;它是赵云,负责冲锋陷阵。你给出方向,它来执行落地。你有个需求,写下来,它就帮你实现。这不是替代,是延展。

以前我们说 AI,总在讲它「能想得多深、能写得多好」。但很多时候,我们不缺想法,缺能把想法变成现实的「手」。

Agent,就是那只手。

它不会替你做设计,但它能帮你把设计想法变成页面;它不会替你分析数据,但它能帮你把分析结果变成图表。

这就像我们祖先发明了算盘、纸笔、打字机。工具进步,是为了让我们更专注在真正需要创造力的事情上。

如果你也想试试,就打开扣子空间官网。输入一句话,帮我做一个个人网站、生成一个作品集、做一个数据看板”。看看 Agent 怎么把你的想法变成一个能被看见的世界。

或许,这就是技术进步的意义。

它还有什么能做的?比如:一个简历网站?一个活动营销页面?随机抽签、点名器?创建二维码生成器?我帮你试过了,都可以。

技术在进步,做事方式在悄悄改变。真的,再一次感叹:我们正活在一个越来越方便的时代。

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言