# 缘起

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

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

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

**设计流程**：

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

---

这是我用到的4个skill：

![15.png](https://developer.qcloudimg.com/http-save/yehe-4165153/501aa169e60447f10c6a0470a281c10a.png)

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

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

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

workbuddy接手干活：

![7.png](https://developer.qcloudimg.com/http-save/yehe-4165153/c43cc23343fe65e50113930d8896a1dd.png)

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

![8.png](https://developer.qcloudimg.com/http-save/yehe-4165153/caa65eb17c8a1a7ed0c403c1e82a8834.png)


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

![16.png](https://developer.qcloudimg.com/http-save/yehe-4165153/e2e2825435dfd4c67718baa012ec40f3.png)

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

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

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

![9.png](https://developer.qcloudimg.com/http-save/yehe-4165153/57ccd3526f9385bb4d9463350ed44527.png)

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

![10.png](https://developer.qcloudimg.com/http-save/yehe-4165153/2d7bdba007ee918f6e07e639e416200a.png)

---

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

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

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

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

![11.png](https://developer.qcloudimg.com/http-save/yehe-4165153/c10da6a834a0a2bb862035c36ac9e902.png)

---

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

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

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

![12.png](https://developer.qcloudimg.com/http-save/yehe-4165153/824f053536af4831d1266c3f11862082.png)

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

来看看最终结果：

![南京鸭血粉丝汤_海报OLD.png](https://developer.qcloudimg.com/http-save/yehe-4165153/b593008daa693caf8c3315b5e7a8885d.png)

---

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

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

> **💬 你对 WorkBuddy 说**
> ```
> 用frontend-design-pro` 的 `/audit` 指令  对刚生成的海报做设计质检，给出评分和优化建议
> ```

![13.png](https://developer.qcloudimg.com/http-save/yehe-4165153/dd5f092522cd1aefb186af9525f1225f.png)


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

![14.png](https://developer.qcloudimg.com/http-save/yehe-4165153/f325a64a47201c71ebc37df3041a2cef.png)

**可选：自动优化**

> **💬 对话指令**
> ```
> /polish 自动修复质检报告中的问题
> ```

**🤖 /polish 执行结果**：

看看优化后的结果：

![南京鸭血粉丝汤_海报.png](https://developer.qcloudimg.com/http-save/yehe-4165153/79d11ea61fb184cfd77ef21b10a7dd62.png)

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

---

## 来谈谈设计类的skill

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

### 一、这些 Skill 从哪来？

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

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

![4.png](https://developer.qcloudimg.com/http-save/yehe-4165153/1e2d03bdc033f3c9e317a8f0d2b8af08.png)

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

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

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

![1.png](https://developer.qcloudimg.com/http-save/yehe-4165153/78cbd6662a93dfeb9332d2472419dabb.png)

### 第三方的安装：

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

手工安装：

![17.png](https://developer.qcloudimg.com/http-save/yehe-4165153/7490568f972d31f4a6c345f1be6beb24.png)

安全扫描：

![5.png](https://developer.qcloudimg.com/http-save/yehe-4165153/75bc134896c33f4690b039baecf892ec.png)


### 13款设计 Skill 完整清单

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

| 功能层 | Skill 名称 | 定位 | 来源 |
|--------|-----------|------|------|
| **策略规划层** | `design-master` | 央美博导级别，兼顾中西美学，一站式风格定位+品牌VI+营销心理学 | ClawHub 社区 |
| | `graphic-design` | 通用设计导师，智能识别用户水平，分层针对性指导 | ClawHub 社区 |
| | `impeccable-uxui` | UI/UX规范库，内置7大设计体系，附带50+条质检指令 | ClawHub 社区 |
| **作品生成层** | `canvas-design-2` | 海报/艺术插画专用，自动生成设计思路，输出高清PNG/印刷PDF | Anthropic 官方 |
| | `mrgoonie-banner-design` | 全平台横幅万能工具，覆盖8大平台尺寸、12种风格，一次出3套方案 | ClawHub 社区 |
| | `design-assets` | 图标批量工厂，APP图标、网页图标、SVG矢量图一站式处理 | ClawHub 社区 |
| **风格定型层** | `theme-factory` | 10套成熟专业主题（极简/复古/清新等），一键切换，同步匹配字体 | Anthropic 官方 |
| | `brutalist-skill` | 工业粗野风，硬核科技、印刷质感设计专用 | ClawHub 社区 |
| | `minimalist-skill` | 高端极简风，复刻苹果官网干净高级视觉 | ClawHub 社区 |
| | `mrgoonie-design-system` | 标准化设计代币体系，从基础色到组件样式统一规范 | ClawHub 社区 |
| **质量审查层** | `frontend-design-pro` | 设计质检工具：/audit扫描漏洞、/polish自动优化、/critique深度点评 | ClawHub 社区 |
| | `mrgoonie-ui-ux-pro-max` | UI/UX百科库：50+设计风格、161套调色板、57组字体搭配、99条UX准则 | ClawHub 社区 |

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

## 小结

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

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

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

人工智能

开发工具

学习使用WorkBuddy设计南京鸭血粉丝汤海报：5步流程详解，从风格定位到AI质检，轻松打造吸引年轻食客的创意海报。掌握设计类Skill应用技巧，提升设计效率与质量。

智能识别

代码解释

智能体

WorkBuddy 

OpenClaw

2026上云采购 | AI焕新·智启新局

taidc

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

WorkBuddy设计Skill详解与鸭血粉丝汤实操案例-腾讯云开发者社区-腾讯云

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

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

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐