2026-07-09 05:47:42 网络安全文章来源：ZONE.CI 全球网 0 阅读模式

文章总结： 本文以鸭血粉丝汤海报为例，详解WorkBuddy智能体的设计类Skill五步流水线，涵盖视觉策略、主题匹配、布局规划、成图生成及AI质检。文章列举了13款涵盖策略、生成、风格与质检的Skill及其来源，指出第三方Skill需经安全扫描防投毒，强调合理配置Skill能显著提升AI设计效率。 综合评分： 50 文章分类： 产品介绍,软文广告,AI安全

cover_image

WorkBuddy设计Skill详解与鸭血粉丝汤实操案例

原创

弈秋弈秋

一只岸上的鱼

2026年7月6日 16:52 江苏

在小说阅读器读本章

去阅读

缘起

兜兜转转使用了多款超级智能体app，最终留下了workbuddy，记录一下日常的使用，与大家交流

以例子起手：为南京鸭血粉丝汤设计宣传海报

下面以 「南京鸭血粉丝汤」 为主题，完整演示 5 步设计流水线。假设场景：一家南京老字号鸭血粉丝汤店要做一张小红书宣传海报，吸引年轻食客。

设计流程：

Step 1 定视觉方向 &nbsp; &nbsp; → &nbsp;Step 2 匹配主题 &nbsp; &nbsp; → &nbsp;Step 3 绘制线稿
(design-master) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;(theme-factory) &nbsp; &nbsp; &nbsp; &nbsp;(布局规划)
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;↓ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;↓
Step 5 AI质检 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;← &nbsp;Step 4 生成成品
(frontend-design-pro) &nbsp; &nbsp;(canvas-design-2)

这是我用到的4个skill：

Step 1：定视觉方向 `design-master`

第一步是用 design-master 确定整套设计策略。你只需要用自然语言描述需求，AI 会自动输出风格定位、配色方案、字体搭配和排版建议。

💬 你对 WorkBuddy 说

使用/design-master技能，帮我完成一张南京鸭血粉丝汤的宣传海报设计策略,用于小红书推广。目标受众是20-35岁年轻食客和游客。
风格要求：地道老南京味+年轻化表达，温暖食欲感，不要廉价快餐感。
突出"一碗好汤，半城烟火"的主题。

workbuddy接手干活：

完成，输出是一个设计策略：

整个设计策略还蛮大的，像那么回事：

Step 2：匹配专属主题 `theme-factory`

第二步用 theme-factory 统一视觉规范。它内置了 10 套成熟主题，会根据上一步的风格定位，智能匹配最合适的主题，并输出完整的字号、行高、间距参数。

💬 你对 WorkBuddy 说

根据上面的设计策略，用 theme-factory 匹配一个最合适的主题，输出完整的视觉规范参数

他直接修改了第一部设计策略：

Step 3：绘制结构线稿 `布局规划`

这一步遵循专业设计师的标准逻辑：先定骨架再填充。规划页面布局、阅读动线、网格留白比例，确认布局合理后再出成品。

💬 你对 WorkBuddy 说

根据前面的设计策略和主题规范，画一张海报的结构线稿，标明各区域的位置和比例。
竖版1080×1920，适合小红书。

这是他给设计的结构线条图：

Step 4：生成成品海报 `canvas-design-2`

第四步用 canvas-design-2 将前面三步的成果整合，严格沿用定好的配色、字体、布局，直接输出高清 PNG 图片。

💬 你对 WorkBuddy 说

用 canvas-design-2 生成成品海报。沿用前面的配色（老鸭汤色#8B2500为主色）、
字体（站酷高端黑标题+思源宋体副标）和布局线稿。输出竖版1080×1920高清PNG。
产品图用俯拍鸭血粉丝汤，碗中有鸭血、粉丝、香菜、油豆腐，热气腾腾。

💡 小贴士：如果对生成结果不满意，可以追加指令微调，比如”汤碗再大一点，热气效果更明显”、“标题换成手书体”、“配色再暖一点”。canvas-design-2 支持迭代修改，每次只调整你指出的部分。

来看看最终结果：

Step 5：AI 自动质检打分 `frontend-design-pro`

最后一步用 frontend-design-pro 的 /audit 指令自动检测成品的设计质量，包括色彩对比度、字体层级、留白、尺寸规范等，给出综合评分和优化建议。

💬 你对 WorkBuddy 说

用frontend-design-pro` 的 `/audit` 指令 &nbsp;对刚生成的海报做设计质检，给出评分和优化建议

没想到给的分还蛮低，有没有审美啊：

可选：自动优化

💬 对话指令

/polish 自动修复质检报告中的问题

🤖 /polish 执行结果：

看看优化后的结果：

说实话，没觉得有多大差距👀

来谈谈设计类的skill

设计类的Ai创作，模型固然重要，SKILL也不能忽视，一个好的SKILL完全碾压模型

一、这些 Skill 从哪来？

SKILL来源很多，从安装方式来分：

1、workbuddy自带的skill市场（SKILHUB）

2、其他任何第三方的市场

OpenClaw / ClawHub 社区市场、Anthropic 官方 Skills 仓库

例如文中用的Design Masters用的就是这个：

第三方的安装：

下载的zip文件，会结果workbuddy的安全扫描，确保使用的skill不会被投毒

手工安装：

安全扫描：

13款设计 Skill 完整清单

这是从网上搜索而来，呼声比较高的一些设计SKILL，仅供参考：

💡 Skill 的本质：一个 Skill 就是 SKILL.md 文件 + 可选的脚本和资源。它告诉 AI “遇到什么任务时，按什么流程、用什么标准来执行”。相当于给 AI 注入了一位专业设计师的”工作经验”。

小结

workbuddy为设计类的工作，提供一个足够用的工作流程，不断的调试自己习惯和设计习惯的SKILL，可以大大提供设计工作的效率

免责声明：

本文所载程序、技术方法仅面向合法合规的安全研究与教学场景，旨在提升网络安全防护能力，具有明确的技术研究属性。

任何单位或个人未经授权，将本文内容用于攻击、破坏等非法用途的，由此引发的全部法律责任、民事赔偿及连带责任，均由行为人独立承担，本站不承担任何连带责任。

本站内容均为技术交流与知识分享目的发布，若存在版权侵权或其他异议，请通过邮件联系处理，具体联系方式可点击页面上方的联系我。

本文转载自：一只岸上的鱼弈秋弈秋《WorkBuddy设计Skill详解与鸭血粉丝汤实操案例》