

> 本文完整记录使用腾讯云 WorkBuddy（AI办公工作台）从零开发一个实用唛头/Shipping Mark批量制作网页工具的全流程，涵盖需求分析、迭代开发、云端部署、技能封装与上架。所有步骤普通办公人员均可复现，无需编程基础。

## 一、痛点背景：手工做唛头有多麻烦

在外贸物流发货中，每箱货物都需要贴唛头标签（Shipping Mark），标明买方公司、型号、箱号等信息。一次发货少则几十箱，多则几百上千箱。

我的日常工作场景：一批货物 597 箱，分 3 个型号（272箱 Pro-X 100、305箱 Pro-Y 200、20箱 Pro-Z 50），需要制作 597 张标签，每张标签内容不同——第1箱显示"1-597 Pro-X 100"，第273箱显示"273-597 Pro-Y 200"……

传统做法：Word/Excel 手动排版、逐张填写、反复调整格式——做完 597 张标签至少要 1-2 小时，还容易出错漏箱号。

## 二、需求梳理：让 AI 帮我拆解

我向 WorkBuddy 描述了基础需求：

> 帮我做597箱的唛头，箱号1-272对应Pro-X 100，273-577对应Pro-Y 200，578-597对应Pro-Z 50，标签100×100mm格式，显示"第几箱-总箱数 对应型号"

WorkBuddy 立即输出了完整的需求清单和实现方案：
- 标签尺寸：100×100mm
- 每页4个标签（A4纸2×2排列）
- 每个标签显示：公司名、MODEL+型号、Ctn No.+箱号、Made in China
- 支持596页打印输出

**关键洞察**：AI 建议直接生成HTML页面打印，比Word/Excel更灵活——这个方向比我自己想的"做个Excel模板"更好。

## 三、Step1：第一版——597箱专用唛头

第一版是针对这批597箱货物的专用工具，WorkBuddy 直接生成了完整的HTML文件：

- 每页A4放4个100×100mm标签
- 597个标签按箱号顺序生成
- 公司名、型号、箱号、Made in China 四区域布局
- 一键打印或保存PDF

**用时不到3分钟**，从描述需求到拿到可打印的HTML文件，手工排版至少1小时的活儿，AI 3分钟搞定。

但这版只是"一次性"工具，换个客户就要重新做。所以我决定升级。

## 四、Step2：升级为通用唛头制作工具

我告诉 WorkBuddy：

> 帮我直接做个网页版唛头制作界面，一般默认一页是一个唛头，也允许多个唛头一页

WorkBuddy 生成了一个带左侧配置面板 + 右侧预览的交互式网页工具，包含：
- 公司名、总箱数输入
- 型号区间配置（箱号→型号对应）
- 标签尺寸选择（A4整页、100×100mm等）
- 箱号格式选择（横杠/OF/斜杠）
- 打印和PDF下载功能

**这次从专用工具变成通用工具，下次换客户改参数就行，不用重新开发。**

## 五、Step3：迭代优化——6次对话改进细节

通用工具出来后，我和 WorkBuddy 进行了6轮对话式迭代：

### v2：去掉硬编码文字，所有内容由用户输入
> 删除 SHIPPING MARK 固定文字，所有唛头文字需要输入，买方公司名称字体允许调节

改成了文字行列表模式，每行可自定义内容、字号、粗体。公司名称字号用滑块调节。

### v3：标签尺寸多选预设
> 生成格式帮忙设置多选：100×100mm、A4等多种选项

改为卡片式预设选择，自动计算A4排列方式。

### v4：字号滑块+总箱数醒目显示
> 调整下文字行字号大小、总箱数显示更醒目

每行字号改为滑块+数字双向同步，总箱数改为蓝底大号显示。

### v5：三区域等分布局
> 唛头文字占1/3、型号占1/3、箱号占1/3，仓库装卸货一眼看出来

标签改为三区域flex等高布局，每个区域占1/3高度，无横线分隔更简洁。

### v6：打印方式+标签纸直印
> 标签100×100mm直接适配打印标签纸，不需要裁剪

新增"标签纸直印"模式——@page尺寸=标签尺寸，边距0，设定100×100mm就打印100×100mm，完全不需要裁剪。

### v7：打印和PDF分开+校验逻辑
> 打印/保存PDF设计成两个按钮；增加校验逻辑，总箱数=型号区间箱数总和

打印和PDF拆成独立按钮；新增校验（总数匹配、区间重叠、漏箱检测），输入时静默刷新，点击按钮才弹错误提示。

### v8-v10：模板功能+界面简化
> 增加模板保存/加载；型号分配整合到1/3区域；标签尺寸默认只显示2个选项

模板管理移到顶部栏下拉面板；型号分配不再重复配置；标签尺寸默认只显示100×100mm和A4整页，其他隐藏在"更多"按钮后。

**迭代心得**：每次改进都是一句话告诉 WorkBuddy 要改什么，3-5分钟就完成。改完直接预览效果，不满意再调。6轮迭代累计用时不超过30分钟。

## 六、Step4：云端部署——手机也能用

工具开发完后，WorkBuddy 一键部署到 CloudStudio：

> 帮我放到豆包里方便制作

生成永久在线链接，手机浏览器、豆包都能打开使用。数据全部本地处理，不上传服务器。

**在线链接**：https://114174a6bee34cc1a9fc5a27b828dfaa.app.codebuddy.work

收藏这个链接，以后随时打开就能做唛头。

## 七、Step5：技能封装——下次对话直接调用

我把这个工具封装为 WorkBuddy 技能（Skill），保存在个人技能目录：

> 帮我单独存档在助理里面方便后面调用

WorkBuddy 自动创建了 SKILL.md 和技能包，以后对话中提到"唛头"、"shipping mark"等关键词就自动加载。

## 八、Step6：发布到 ClawHub 技能市场

最后一步是把技能发布到 ClawHub（https://clawhub.ai/），让更多人使用：

1. 准备技能包（SKILL.md + manifest.yaml + assets/HTML文件）
2. 打包为 .zip
3. 登录 ClawHub（GitHub账号）
4. 点击「发布技能」上传 zip 包
5. 填写名称、描述、标签
6. 提交审核（1-3工作日）

**技能包结构**：
```
shipping-mark-tool/
├── SKILL.md          # 技能说明文档
├── manifest.yaml     # 版本、依赖、元数据
└── assets/
    └── shipping-mark-tool.html   # 完整工具源代码
```

## 九、最终效果与使用数据

| 指标 | 手工排版 | WorkBuddy 开发 |
|------|---------|---------------|
| 597箱唛头制作 | 1-2小时 | 3分钟 |
| 换客户重做 | 1-2小时 | 改参数30秒 |
| 箱号校验 | 手动核对 | 自动校验 |
| 打印格式调整 | 反复试印 | 选择尺寸一键打印 |
| 跨设备使用 | 仅电脑 | 手机/豆包也能用 |

**核心价值**：从"每批货物都要手工做1-2小时"变成"改参数30秒搞定"，效率提升50倍以上。

## 十、WorkBuddy 技能开发心得总结

### 1. 从专用到通用
先用 AI 快速解决当前痛点（597箱专用唛头），再升级为通用工具。不要一开始就追求完美通用方案——先跑起来再迭代。

### 2. 一句话迭代
每轮改进只需要一句话告诉 AI 要改什么，3-5分钟完成。改完预览效果，不满意再调。6轮迭代累计30分钟，传统开发至少要几天。

### 3. 三区域布局是关键
唛头标签的核心是"仓库装卸货一眼识别"——文字区(公司名)、型号区、箱号区各占1/3，无横线分隔更简洁。这个布局是经过实际使用反馈后迭代出来的。

### 4. 标签纸直印模式
标签纸直印是物流场景最重要的功能——@page尺寸=标签尺寸，设定100×100mm就打印100×100mm，不需要裁剪。普通A4打印模式也有，两种打印方式都要支持。

### 5. 校验逻辑防出错
箱号校验（总数匹配、区间重叠、漏箱检测）是防错的关键——597箱如果漏了1箱，整批货贴错标签就是大事故。校验在输入时静默检查，点击按钮才弹提示，不打断操作流程。

### 6. 技能封装复用
做完的工具封装为 Skill，下次对话直接调用。发布到 ClawHub 让更多人用，同时也可以写教程发到腾讯云开发者社区获取积分。

## 相关资源

- **WorkBuddy 下载**：https://codebuddy.cn/work
- **ClawHub 技能市场**：https://clawhub.ai/
- **唛头制作工具在线版**：https://114174a6bee34cc1a9fc5a27b828dfaa.app.codebuddy.work
- **技能包源码**：发布后在 ClawHub 可下载

---

本文系作者授权腾讯云开发者社区发表，原创内容，转载请注明出处。标签：#WorkBuddy #AI办公 #唛头制作 #物流工具


本文完整记录使用腾讯云 WorkBuddy（AI办公工作台）从零开发一个实用唛头/Shipping Mark批量制作网页工具的全流程，涵盖需求分析、迭代开发、云端部署、技能封装与上架。所有步骤普通办公人员均可复现，无需编程基础。

# 从零到一：用 WorkBuddy 开发物流唛头批量制作工具，597箱标签一键生成

开发工具

职业发展

新闻资讯

腾讯云WorkBuddy AI办公工具3分钟开发出外贸唛头批量制作网页，支持597箱标签自动生成、三区域布局优化、标签纸直印功能，效率提升50倍。无需编程基础，手机电脑均可使用，已封装为可复用技能并上架ClawHub市场。

代码解释

服务器

WorkBuddy 

GitHub

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

workbuddy

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

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

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

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

社区新版编辑器体验调研

# 从零到一：用 WorkBuddy 开发物流唛头批量制作工具，597箱标签一键生成-腾讯云开发者社区-腾讯云

# 从零到一：用 WorkBuddy 开发物流唛头批量制作工具，597箱标签一键生成

# 从零到一：用 WorkBuddy 开发物流唛头批量制作工具，597箱标签一键生成

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐