01
成品：把整套物料摊开
✦四个按钮换物料，尺寸 / 方向 / 画风都会让 SVG 重新计算坐标。所有文字是 <text> 排上去的，不是画进图里的，所以你改一个字，几秒钟就能重出一遍。
把事实补上，成品立刻重排
文章说：电话、价格、地址、日期这类事实它一个都不编，没给就占位，交付时一条条列出来让你补。下面这四项就是那条规则——留空就是占位符，填上就印到物料上。
演示店的店名「毛边儿 PETS」是虚构的，属于用户自己回答的那类信息；其余四项属于「没给就占位」的事实字段。
交付前自检（示意）
✓
文字溢出按当前 viewBox 重新测量，无溢出
✓
对比度标题色与底色 contrast ≥ 4.5:1（示意值）
✓
文案风险无「最好喝」「第一」等极限词
!
还缺信息：4 项开业日期 / 优惠金额 / 电话 / 地址
这是按文章 09 节列举的规则写的演示逻辑，不是 luobo-design 真实检查器的输出。
02
原始素材：一句话 + 三个澄清问题
✦用户只说了这一句
我的线上宠物店开张了，给出相关的宣传素材它先反问三个问题（每个带推荐答案）
- 店名叫什么？ → 本演示填「毛边儿 PETS」
- 主要发在哪？ → 推荐答案照点：朋友圈 + 小红书
- 开业有没有优惠？ → 推荐答案照点：新客券
交付清单（文章原文口径）
开张主海报 3 个尺寸 · 新客券海报 2 个尺寸 · logo · 一张品牌小卡。
用户说「新客券，金额先占位」，券上就留一个【金额】，交付时再提醒补。
成品图之外还有可编辑源文件、三家模型的提示词，以及这张品牌小卡——下次给同一家店做东西，配色字体直接复用。
本页把 3 个尺寸做成可切换的三种 viewBox，把 logo 与品牌小卡做成独立物料页；券的【金额】占位符与上面输入框联动。
03
用的是哪个 skill
✦按文章描述，这套流程属于 萝卜设计 luobo-design v0.10 的「一句话出一整套」+「看图选风格」+「事实不编」三条能力。但请看清边界：
本页没有安装 luobo-design（开源包需按文章说明在公众号后台回复「设计」获取），也没有调用生图模型。这里是我们读文章后，用原生 SVG + JavaScript 手工复现的交互演示，用来把「每换一个尺寸都重新排版」「选 A 之后整套统一」「没给就占位」这三条讲清楚。
04
边界
✦- 四种画风只实现了扁平 / 水彩 / 剪纸 / 线描，用来演示「SVG 滤镜 + 程序生成图形」这条路；文章说有十种，其余六种本页未做。
- 没接生图模型，所以画面就是插画水平——这正是原作者自己列出的第一条不足。要照片级效果，得接模型或换成自己的照片。
- 「A 的颜色配 C 的版式」这种混搭文章里提到了，本页只做了 A / B / C 单选。
- 文章说 logo 里的字会转成矢量轮廓、放大印刷不糊；本页 logo 用的是
<text>，没有转曲，不能直接送印刷厂。 - A4 的 2mm 出血 / 安全线只是示意，不构成印刷规范。