我把Enthopic前段时间发布的Cloud Design逆向了
并且做成了所有人都可以使用的这种开源项目skill
目前这个开源项目已经在GitHub上获得了16000的star
简单来说的话
这就是一个可以让你打字回车
然后就能获得一个非常好的设计的一个skill
然后在这期视频里
我会向你介绍这个skill
你到底能怎么安装怎么用
能在哪些产品里用
以及它做出来的实际效果是什么样的
它想解决什么样的问题
然后在视频的后半段
我也会给你做一些实际的演示
让你真正理解你应该怎么去使用它
以及它为什么能做出出乎意料的这种好效果
我们可以看一下
就是现在如果你有尝试过AI coding的话
你可能见过非常多就是这种色系
这种色调的网站了
就是这种网站或者APP web coding出来之后
它倒不是不能用
但是它实在是太烂了
太难看了
所以的话就是cloud code
他们出了一个cloud design
可以让你做出一个相对比较好的这种设计出来
但是他们存在的一个问题是
你必须得是cloud的订阅用户
用他们的产品才能去使用
而且之前消耗量特别大
可能很多订阅了的用户也可能做了一个小任务之后
就已经完全不能再操作了
所以的话我是把它的工作机制工作原理做了一个逆向去推出了我的花束底赛
然后它变成了一个skill之后的话
你就几乎可以在任何的coding agent里面去使用
不管是cloud code的Cursor Codex
还是龙虾Hermes
或者像国内的Tray或者Qcloud
Workbody之类的
其实都是可以安装和使用的
然后它的具体的效果的话
我觉得最好的是我们可以看一下网页
网页的所有动画其实都是我的花束底赛做出来的
就是你描述一个需求之后
它会给你提供几个选择
你选了一个风格之后的话
它就会给你根据这个风格做出比较出色
以及视觉设计非常稳定的这种PPT
或者网页或者别的一些东西
对这是它的一个完整动画
甚至配音其实都是完全由我这个skill
去完成的
所以的话你可以看出就是从我的介绍里
你已经发现了
它可以去做交互的原型
可以去做就是APP的
也可以去做网页的
它可以去做这个PPT
这个PPT它既可以在浏览器中进行展示
也可以变成就是你可以下载的
那个本地的那个文档
然后同时它可以去做一些产品的宣传动画
然后我这个GitHub仓库页面的
就是对于它每个能力的这个演示的动画
其实也是就是花束design这个skill它本身去制作出来的
所以你也可以通过这些演示动画去理解
就是它能给你做到什么样的这种程度
然后接下来的话
我觉得我们要不就做一些实际的演示吧
我这里使用的是Cloud Code
我们来尝试先让它给我们做一个PPT
对我这里给它下了一个任务要求
就是说我要去一个公司给非技术的白领工作者
去讲解什么是Coding Agent
尤其什么是Cloud Code
然后整体大概可能只有半小时左右的时间
我希望它来帮我制作一个辅助我去演讲讲解的这个PPT
这是一个非常常见的一个场景
我们来看一下这个我们的花束design
它是以什么样的工作流程给我们工作
以及它大概能交付一个什么样的结果
你可以看到就是首先它没有直接帮我去制作这个PPT
因为它需要进一步了解我的这个需求
所以的话我们需要先去做一些选择
对你可以看到就是可以选完听众背景讲解目标
以及视觉风格之后
我们还可以去要求一下不同的输出物
这几个我们都要
它在确认完需求之后
它现在已经开始去理解了
然后它目前就是发现就是有一些知识
它可能自己并没有那么的清楚
所以的话它需要先去做一些信息的收集
然后后面再去做具体的这种设计
它现在的一个情况是
它调查完信息之后
它做了一些理解
去拿到了就是我们要做的这个产品的相关的配色
以及这个产品相关的介绍
然后它因为要去做很多页的这个内容讲解
所以它会先去给我做两页
让我去参考
问我到底行不行
这个风格的话
我觉得还可以
那就让它按照这个风格再继续
我们可以看到就是它做完之后的话
它自己去做了一些自动的检查
然后检查完成之后发现
有几页是有问题的
是需要去修复的
然后它自动去完成了修复
哦对它整体还在这个修复过程中啊
但是大部分已经修复完成了
所以我们点过来来看一下
你可以看到这个是它完成的一个情况
这个是非常Claw的风格的
然后你可以
就后续做PPT
你其实可以直接变成一个在网页里去乘述呈现
这样的话其实表达起来会更容易
也更AI native一点
对这就是它做出来的一个效果
我觉得基本上能打80分左右的水平
它用的完全是Cloud Code的
它日常的这个风格
然后你可以看到就是它所有的内容做完之后
它还在帮我们做PPT
X和PDF的导出
OK
然后我们可以看到就是PPT做完之后
你除了可以直接在网页上看之外
它也给我做成了PDF以及PPT的格式
然后我们看一下这是PDF的格式
这样是维持的非常好
你这样可以能非常方便的把这个材料去发给别人去查看
然后还有一个就是PPT的话
就是打开之后是这样的
基本上也是把格式维持的很好
并且就是所有内容你都是可以编辑的
就是AI生成的内容不是就是一次性完成
然后你就没法改了
你完全可以在里面做任何的调整和修改
这就是呃
华硕Design为你做的这个PPT的这种效果了
接下来的话就是我们做另外一个任务
就是我让他去帮我制作一个我的个人主页
我希望后面别人加了我微信
或者说他在一些公众场合出席之后
我能提供这个链接帮助大家知道我是谁
我在做哪些事能通过哪些渠道关注我
然后他现在说风格上给了我三张这个选择
我让他不要
我要别的风格
然后我觉得这里我其实很想尝试一下的是
他能做一个非常有意思的事
对就是我想给他作为一个提供一个比较特殊的一个视觉头位
这个是我之前在一个饮料店前面拍的一张照片
我希望他使用这张照片的相关色系和风格来帮我制作主页
如果你有自己的品牌
你有自己的品牌logo
或者说你有自己原来的一些品牌物料
或者你喜欢的这种风格的话
你都完全可以把这个图片丢给你的agent
让他去进行理解
然后按照你的这个要求的风格去出
而不是就是他推荐的
这些都是没有问题的
然后我们回来再看一下这个网页
就是我的这个个人主页的制作
现在看起来它是去理解了一下
就是这张图的整体的那个视觉语言
然后他去写脚本去抽取了里面的这个具体的色值
然后他搞项目去重新去给我梳理这个个人主页的这种设计风格
这个就是你可以非常轻松
如果你有一幅喜欢的画
喜欢的一个海报
或者喜欢的一个艺术作品
你都可以以这种方式去投喂他
要求他去进行做相应的设计
你可以看到他现在的动作是先把核心的色系色值都抽取出来了
然后他会把这个东西就是固化成一个叫BranderSpec的就是一个文档
然后他会基于基于这个文档再去做相应的设计
你看他写了一个非常详细的
就是这个品牌是觉得这种要求色系是什么样的
字形是什么样的
签名的细节是什么样的
有哪些是禁区是不能做的
然后有哪些就是内容的核心数据是什么样的
然后现在的话我们可以看到就是他的这个页面已经做好了
然后页面做好之后的话
他其实还有一个检验的过程
他会去调用去写代码去进行整个网页的截图去验证
它的设计到底有没有问题
然后如果有问题的话
他会再去做一些修改
我们假设他没问题
我们自己来先来看一下他做的怎么样
OK
我觉得现在整体的质感其实还挺不错的
这个是主页
就是他把我的名字
把我的相信的一些东西
以及核心的元素都展示出来了
然后这里提到了最近被央视报导
然后下面写我正在做的一些事
然后可以在哪些渠道来找到我
以及可能像是我自己的一些个性签名
以及底下有我的联系方式等等
这个其实确实非常符合我自己的一些个人风格
然后这个网站就是做完之后的话
他其实还给我提了几个希望我来确定的点
他说主视觉要不帮我换成真人照片
他觉得这样会和整体页面其实很搭
所以我就告诉他可以让他把照片加进去
然后我们看到的就是一个这样的效果
确实比原来放一个所谓的印章
这种感觉要好很多
所以从这个对比下你也可以看到就是这里
网站我们用的主视觉就是我们照片里的这种
某种特别的一个蓝色以及抹茶的这个绿色的这种视觉
就是把它的这种视觉元素用的非常的充分

然后除了这两者之外我们再尝试两个任务啊
就是其中一个任务是让他做一个iOS app的原型
还有一个的话是让他为B站新推出的AI视频产品
花生去做一个宣传动画
我们先从原型开始啊
我这里想表达的是我想根据高效能人士的
7个习惯里的理念去制作一个管理个人土度的iOS app
我让他帮我做一个可交互的原型
然后底下的话他就进行了一些理解
并且让我去做了一些视觉气质的选择以及功能深度的选择
然后接下来的话他自己就去理解了他实际要做的一些具体的功能内容
和他应该怎么去进行设计
然后中间出了一些bug出了一些问题
他自己都完全修复给跑完了
然后我觉得这里非常重要和有价值的一个点是
就是我们很多时候我们有很多就是这个产品的想法
然后我们不知道到底这个东西有没有价值去做
该不该做
而当你能让AI直接去帮你生成一个还不错的原型
并且你能在这里直接去进行操作的时候
你可以看到就是你去处理一些任务
他告诉你这是一个什么样类型的一个任务
他是不是在你的影响圈或者关注圈
然后你去做相应的这个安排
并且你的不同任务他给你分配到不同的举证里
就是这种完全可以直接操作帮助你快速把你的想法实现的能力
我觉得真的非常重要
你可能瞬间会发现这个东西可能没有做的价值
或者你发现这个东西还不错
但是我想做的不太一样
但总的来说就是他可以让你把你的想法非常快速的去和别人去交流
就如果你是一个运营或者一个产品的话
你完全可以做出这么一板东西去表达你的想法
然后去和你的研发去进行对接
去讲你想要一个什么样的东西
我觉得这是一个能大大改变工作流的一个能力
然后我们再看最后一个
就是这个是制作原型之外
我让他去帮我去制作一个宣传动画
然后宣传动画的话
其实主要是想针对跟我原来名字同名的
B站的AI视频的产品
我觉得我这个滑鼠底下一个最有意思的一个特点是
它可以为你想做的一个产品
或者你想推广的一个概念
去制作一个宣传动画
这个动画的话
我自己的判断就是它可能达到70分左右的水平
我们先看它是怎么想的
就是首先我给他说了这个需求之后
他先去确认一下这个东西到底存不存在
以及这是一个什么样的产品
然后他获得了很多的信息
获得完成之后的话
他非常好的一点
他去抓官网的logo以及品牌色这些真实的素材
因为如果你要去做一个产品的宣传动画的设计
你的整个视觉风格应该尽量和产品相似
所以他抓完这些东西之后
他获得了花生AI的这个品牌的DNA
然后获得这个DNA之后
他问了我就是想做一个什么样的动画
要多长时间
我说要15到20秒
以及用B站这种16比9的格式
然后他告诉问我内容上想突出什么
我选的是就是全流程的一键成片
然后视觉基调要走哪一种
就是用
就是用