半天做一个支持谷歌登录网站?Youware新功能让我震惊了
好友歸藏、神佬,经常推荐 Youware 这个Vibe Coding工

我以前也用过,但用的不深。
直到最近他们上线了一个新功能:CoView
体验后,大为震撼!
Vibe Coding工具这么卷了吗?
竟然把录屏功能整合进产品。
到底有什么用,我给大家演示下。
不得不说,这个产品交互设计太妙了!
激动的马上在 X 发了一条帖子

体验就跟真的程序员说话,指着屏幕提改动!(虽然这样做不好😄)
网友也深表同感,都勾出他的回忆阴影了,哈哈

开发个自用工具
有这么牛X的工具,必须做个产品(垃圾)出来。
做啥呢?
平时我会管理十多个AI微信群。
主题都不一样,有聊AI工具,有聊热门AI技术,有聊AI自媒体。
有免费,也有付费。
有个共同点,只要在群里发红包或AI工具邀请码,就会热闹起来。
发红包真管用(来自一支烟花社区Brad强建议)。
可并不富裕的我,做不到天天发。
而作为AI自媒体,搞一些AI产品邀请码/优惠券,还是相对容易。
「乔木福利社」想法来了:
做个网站,群友自助领福利(邀请码、Prompt、PDF等)。
第一步 生成需求文档
别上来就说要实现什么功能,先让AI整理清楚设计需求。
推荐用下面的 Vibe Coding 提示词。
先简单描述产品想法,让AI生成详细需求文档。
模型可选Claude、Gemini或GPT,用他们的最顶级模

如果觉得哪儿不对,对话调整需求就行。
后来,我发现Youware也有Chat模式,切换过去聊需求就行。

随时切换顶级模型。

第二步 发给Youware开发
把第一步生成的需求文档整个发给Youware,进入开发。
等待时,点下面红框中的icon启用CoView,很

会引导开启浏览器的录屏和音频输

第一次设置稍微麻烦,以后就省事了。
第三步 持续对话迭代
选的是Claude Opus 4.5模型,第一版自动生成的界面是蓝紫渐变!
这半年多,真的快看吐了

点击录屏,告诉Youware我喜欢 Vercel 黑白灰配色,让它修改界面设计。
马上高级

对于网址来说,没有Logo和favicon怎么行。
打开下面网站,选一个图标和配色,点击Downlo

把压缩包上传到 Youware 对话框,说:
AI会自动解压素材、查找并部署到网站,自动化完成设计任务,这个技巧一定要学会啊!
另外,Youware对话框上面有一个 Boost 按钮。
点击会出现三个预设提示词。
大胆去试,让AI自动修复界面问题,效果相当惊艳。
应该针对性做了定制强化,比自己描述效果好太多

AutoFix功能我没用过,有空再

一站式整合
数据库和账号整合
既然是社群福利站,那就需要账号系统。
有账号系统就需要有数据库。
之前体验过很多网页Vibe Coding产品。
比如v0、bolt.new、lovable等。
这些工具都会用第三方Supabase做数据库,再用Vercel或replit部署。
做个网站,竟然要辗转多个平台,开发一时爽,部署真TMD累。
这点Youware就做得很好。
直接整合了数据库和部署,之前推荐的Tricle也类似,还是国内创业者考虑周到。
不过,Youware更进一步,竟然整合了谷歌注册登录

官方教程很清晰,照着做,2分钟就搞定了。
https://www.youtube.com/watch?v=P1SaPDMs2cc
核心步骤:
- 去谷歌创建个应用,填写Youware给的两个Callback URL。
- 获取Client ID和Secret,回到Youware填写就行。

创建谷歌应用入口
填写搞定后,网站登录就能看到谷歌登录选项。
你不需要做任何开发改动,非常轻松!

自定义域名
如果是Youware Pro以上会员。
可以做以下设置。
一个是从社群隐藏,一个是网页不显示 Youware 徽章。

重点说第一个:自定义域名。
想做独立站,品牌域名很有必要。
进入域名设置,填写子域名或主域名,比如我的是

点下一步,会生成 DNS 配置。

按教程指引,复制DNS配置,到自己的域名管理后台填写。
等十多分钟Youware自动验证通过,自定义域名就能配置使用了。
有独立域名或子域名,无论从记忆还是品牌传播角度,都会更好。
网站功能介绍和需求
花了半天时间,成品终于做好了。
电脑 Web 端

微信内显示

创建福利项目
功能挺复杂,包含了标题、内容、封面、标签设置。
内容发布支持Markdown,粘贴插入图片,创建项目就能自动生成页面。

还做了些内容控制设置。
比如是否需要登录才能查看内容,是否自动给注册用户发送邮件等。
(邮件用resend API,每月 免费 发3000封,每天100)
另外,Youbase支持环境变量管理秘钥,未来考虑接入一些大模型。

项目关联邀请码
每个项目都可以关联邀请码,用户评论自动发或管理员手动发放。

支持各种素材的分享
比如Epub/PDF下载、AI音乐播放下载、Skill Zip包下载等。

无限层级评论
像一个小型BBS,甚至以后能用来征集「未来硅世界」直播问题,交流起来很方便。
写在后面
回顾整个开发过程,从最初的想法到最终上线,前后只花了半天时间。
不需要精通代码,只需要:
• 清晰地表达需求
• 会用 CoView 录屏指出问题
• 有耐心持续迭代优化
说实话,网站还有很多可以优化的地方,也有一些小BUG。
但对于社群福利站来说, 当前功能已经完全够用了。
核心理念:干中学,不追求完美,先做个垃圾出来,持续迭代。
Youware的CoView,让 交互变自然了,像和真人程序员沟通:
打字描述,好几轮才能说清楚,现在可以录屏,指着页面说”这里不对,改成这样”。
我预感,未来所有在线 Vibe Coding 工具都会加入类似功能。
朋友们, 不要只收藏,动手做起来!
比如做个人博客、垂直网站导航,哪怕是个TodoList,行动起来。
编程门槛已降到历史最低点,唯一障碍:愿不愿意开始。
AI 时代,每个人都可以是创造者!
原文信息
作者:向阳乔木(@vista8),AI 博主
原文地址: