乐于分享
好东西不私藏

用OpenClaw免费无限生成封面图片并固化为Skill

用OpenClaw免费无限生成封面图片并固化为Skill

大家好,我是林潼。分享一个非程序员从0到1用龙虾自动化工作的实践。

今天分享实际工作的场景,用龙虾帮我生成图片:不需要API,可以无限生成,而且高端大气,也能提效。

我工作中定期会给内部优秀团队做一期管理实践宣传,需要用到封面图。以前每次都是:

    1. 1. 准备好文案
    2. 2. 打开Canva
    3. 3. 找一个模板
    4. 4. 改文字、调配色
    1. 来来回回调整,其实都是在“执行”。

    尤其是内容都差不多,就是换个标题、换个部门名称、换个负责人名称,却要重复劳动。

    有一天我收到公司内部推文,说可以立马部署OpenClaw,哇,开心!

    于是我立刻放下手中的活儿,坐着火箭去申请了权限,申请了机器人,部署了龙虾。

    立志要用OpenClaw直接生成封面,把这个能力固化成Skill,以后随时调用。

    文字生成图片自己部署的龙虾试过。但这个封面有个特点:需要用到一张团队照片,是不是也可以,就需要试一试。

    于是,现在我做封面图的流程变成了:

    1. 1. 告诉AI要什么
    2. 2. 等几秒看预览
    3. 3. 反馈修改意见
    4. 4. 确定,完事

    平均1分钟,一版过。

    这个封面长什么样?

    最终效果是这样,注意,信息是我虚构的,照片也是豆包生成的。

    照片里的设计元素:

    • • 青色极简风,高级感
    • • 背景虚化照片增加氛围
    • • 右下角是装饰照片
    • • 有靶心图标装饰
    • • 顶部有彩色渐变条
    • • 2:1横向比例,适配各种场景

    这是第二只龙虾给我的第一版,很惊艳!尤其这个设计:背景虚化照片+装饰照片,是OpenClaw原创;

    这版我已经在工作中应用了哦。

    然而,其实一开始我的第一只小龙虾,帮我设计成了这样的丑图。

    完整操作流程

    第一步:把团队信息整理好,发给小龙虾。

    打开OpenClaw,直接说:

    “我要做一个封面,横版,
    标题是:打通战略落地最后一公里副标题:借势OKR解锁企业增长新势能
    需要有文案:2025年度,第3期,图文版
    部门名称:普罗米AI学院,负责人:林潼

    加个公司名称:普罗米AI科技公司,这是照片”

    第二步:看效果,给反馈。

    小龙虾会出一版图,这时候不要客气,仔细挑毛病:

    • • 颜色对不对?
    • • 字体大不大?
    • • 照片清不清晰?
    • • 布局合不合理?

    有意见就直接说:

    • • “背景太暗了,调亮点”
    • • “部门负责人的字太小,放大”
    • • “照片位置往右下角移”
    • • “底部颜色深一点”

    第三步:多轮修改,直到满意

    小龙虾收到反馈,直接改,改完再发我。整个过程我不需要知道它怎么改的。

    确认OK之后,小龙虾把最终稿发给我,我直接用。

    第一次调试肯定需要点时间,一旦确定好样式,其实会很快,不夸张的说,10-20s就搞定。

    为什么要固化为Skill?

    做完一个封面图之后,我问自己一个问题:以后还要做类似的封面吗?

    答案当然是: 肯定要。

    那为什么不把这个能力变成一个标准流程,让AI”记住”这个技能呢?

    其实这个需求很适合固化为skill:

    重复性:我每个月都要做封面图,后面还有10来期,这是一个重复性的活。

    标准化:我的封面图有一个统一的标准模板,配色、布局、字体、内容构成,都可以固定,不用每次重新设计。

    唯一就是不够高频,如果再是高频的,那是必然要固化的。

    Skill是什么?

    简单说,Skill就是一个教AI做事的教程

    创建Skill之后,我只需要说”帮我生成一个OKR封面”,AI就知道:

    • • 要用什么设计风格
    • • 要问我要哪些信息
    • • 怎么做这个封面
    • • 有什么注意事项

    用小龙虾自动化,需要先把需求拆解清楚,把一个模糊的感觉,变成一个具体的清单。

    创建Skill的好处

    1. 1. 省时间 – 以后说一句话就能生成封面
    2. 2. 标准化 – 每次的规格品质一致
    3. 3. 可分享 – 可以把这个Skill给团队其他人用
    4. 如何固化skill
    5. 其实固化很简单,就是一句话,直接发给小龙虾:请帮我把以上方法总结下,固化为一个skill,以后类似的可以直接用。

    我踩过的坑

    分享几个过程中容易遇到的问题。

    坑1:提出修改,但龙虾听不懂你的修改建议

    “2025年度”、”部门”、”负责人”这些信息很容易修改调试过程中重复出现,比如封面图两个地方都放了:部门信息。

    解决方法:告诉龙虾,每个信息只出现一次,各有各的位置。

    如果你提出来需求,他没有放对,一定要换个思路让他改。

    比如:你说“下方不要放部门信息”,龙虾可能不懂你说的下方具体是哪个位置;

    你可以问他,“目前封面上都有哪些文案,分别在什么位置”,让他自己讲出来;

    你再通过他的介绍找到你认为重复的地方,让他修改。

    坑2:字体太小,怎么修改

    第一次做出来,部门名称和负责人的字小得跟蚊子一样。

    解决方法: 重要信息(部门、负责人)字号加大两倍。

    或者,让龙虾描述目前封面中的文案字号分别多大,你再确定修改到多少号。

    坑3:越改越错,想找到原来的版本

    本来想让他优化央视,结果越改越歪,那就让他找到一开始的版本。这个时候尴尬的是,可能他也分不清楚。

    解决方法:你可以让他自己描述,一共生成了几个版本,每个版本怎么设计的,简单描述;

    你再通过对比来确定你想要的哪个版本。

    技术原理:小龙虾做了什么

    这个图片方法,可以适配到很多职场中,尤其对于结构化内容的,可视化输出。

    原理我认为有必要知道,而且也不复杂。

    一句话总结:
    用代码写设计 → 用工具截图 → 得到图片。

    做封面的本质是三个步骤:

    第一步:写HTML

    Html负责把封面上所有元素(文字、图片、装饰)用代码描述出来。不过,HTML只负责”放什么内容”,不负责”长什么样”。

    HTML 就是一种描述”网页长什么样”的语言。你告诉它标题在左上角、文字是深蓝色、团队照片放右边,它就能按照你说的排版。

    这就好比你用排版工具设计一张海报,而不是让画家凭感觉画。画家画有随机性,可能每次画出来都不一样;但用排版工具,你可以精确控制每一个元素的位置和样式。

    第二步:写CSS

    用CSS控制每个元素的样式:颜色、大小、位置、边框、阴影等。这就像给HTML元素穿衣服。

    第三步:把 HTML 变成图片:用Playwright截图

    光有 HTML 文件还不够,HTML 是网页文件,怎么变成一张图片?

    需要用Playwright,它可以程序化地控制浏览器。

    你告诉它打开某个 HTML 文件,它就会用浏览器把这个文件渲染出来,就像我们在Edge里打开一个网页一样。然后 Playwright 可以给这个”网页”截图,或者导出成 PDF。

    补充:变量替换,怎么做到每次换内容不用重新设计

    “每次不同的团队,模板怎么换内容?”背后的逻辑是:

    模板里有一个个”占位符”,相当于填空题。比如在放负责人姓名的地方,模板里写的是 {leader};放照片的地方,写的是 {headImage}

    每次我要生成新的封面图,只需要把 {leader} 替换成实际的负责人姓名,把 {headImage} 替换成实际的团队照片路径,其他所有设计,颜色、字体、布局、大小等,全部保持不变。

    这样就做到了:换内容不换设计,每次生成的图风格统一,但内容各不相同。

    小技巧:4倍渲染,为什么要先生成大图再缩小

    尺寸要设成 3036 × 1548,”4倍渲染”。

    这是我觉得整个技术方案里最巧妙的一个细节,也是和小龙虾多轮交互的经验。

    目的就是为了保证出来的图在手机上清晰,在电脑上更大更精致,存档也好用。

    “如果直接生成 759 × 387 像素的小图,发到手机里放大看就模糊了。

    但如果先生成 3036 × 1548 的大图,正好是 759 × 387 的 4 倍,然后缩小保存,清晰度就会好很多。”

    “而且这样做有一个额外的好处:我调试的时候用 759 宽度的 CSS,出图的时候设成 1560 或者 3036 宽度的 viewport,一套代码两个用途。”

    所以它的标准流程是:

    • • CSS 模板宽度:759px(方便阅读和调试)
    • • 实际渲染宽度:3036px(4倍,输出高清图)

    我还让它把每次生成的图都存档,命名格式是:{日期}-封面-{负责人名}.png / .pdf。这样以后想找某个人的封面图,按名字或者日期一搜就能找到。

    以上如果不好理解,你就直接告诉他:请适配手机阅读,像素要清楚”;

    或者说:“请适配手机宽度,但是点击看的时候像素要清晰”。

    看不懂代码怎么办?

    没关系。

    你不需要自己写代码。告诉AI你要什么,AI会帮你生成。你只需要知道:

    • • 修改颜色就是改#开头的代码
    • • 修改大小就是改px前面的数字
    • • 其他的都可以用语言描述让AI改

    核心逻辑很简单:代码只是工具,创意才是灵魂。

    总结

    好了,这就是我把封面图这件事自动化的完整过程。

    从思考”能不能把这个固定下来”,中间大概经历了几次迭代和调整。

    重复性工作就应该自动化。

    我以前做封面要15min,虽然也不是很长,但现在1分钟搞定,更快!

    核心不是工具,而是思路:

    1. 1. 找到重复任务
    2. 2. 标准化流程
    3. 3. 用AI自动化
    4. 4. 固化成Skill随时调用

    把时间花在真正需要思考的地方,而不是重复劳动。

    以上就是今天的内容啦,如果对你有所帮助,欢迎转发,点赞,在看哦。

    最近整理了一份10本AI经典电子书,需要的欢迎关注我,后台回复:AI电子书即可获取。

    我是林潼,欢迎关注我。