rter 算法海报哲学生成器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_60157edd/dsd
技能介绍
要解决什么问题
面对「帮我做一张海报」这类需求,常见结果是直接生成一张图:风格靠感觉描述,版式靠运气,改一次需求就整张重做。问题不在模型不会画,而在它跳过了设计决策——信息该分几层、留白承担什么角色、对齐与偏移的边界在哪,这些都没有显式定义。
rter 把任务从「生成一张设计」重构为「先建立一套设计哲学,再用视觉表达它」。哲学先行,视觉只是系统的输出结果,因此每一处像素都能回溯到一条可执行的规则。
它如何工作
第一步:算法化哲学(结构化 Markdown)
在任何视觉产出之前,先写 4–6 段结构化说明,覆盖五个固定板块:
- Concept:核心概念,抽象但可落地,能直接翻译成设计行为,不写「高级感」这类空话
- Visual Logic:网格或反网格、信息密度、留白策略
- System Behavior:主/次/三级层级、对齐与偏移、节奏与重复
- Parametric Thinking:把设计转成变量,如
标题:副标题:元信息 = 10:3:1、上边距为高度的 15%、色数 ≤ 2 - Emergence:系统执行后产生的视觉感受与情绪基调
核心约束:每句话都必须能转化为一条设计规则,拒绝纯装饰性描述。
第二步:SVG 海报渲染(show_widget)
依据哲学调用 show_widget 直接渲染 SVG,而不是用文字描述海报内容。规格固定:viewBox="0 0 600 800(3:4)、白或近黑底、通过 @import 加载 Google Fonts。
设计规则:信息自动裁剪到最多 3 个层级块;字体限制在 1–2 种;颜色最多 2 种且必须服务层级;画布活动元素 ≤ 5,无装饰性图标或插画。进阶原则包括概念不直接出现在画面上,而是嵌入网格、间距节奏与对齐偏移之中。
适用边界
- 输出是黑白灰或低饱和的排版驱动海报,不适合需要丰富色彩与摄影素材的商业宣传图
- 元素数量被硬性压低,品牌 Logo 系统、复杂信息图表类需求需要自行扩展规则
- 依赖
show_widget渲染环境,纯文本对话中无法产出图形 - 哲学阶段的质量决定海报上限:参数写得含糊,渲染结果就会失控,这一步没有捷径
使用场景
- 设计师先定一套版式哲学,再据此生成 3:4 的极简文字海报,后续迭代按参数调整
- 工程师为作品集做一组黑白海报,先写概念与网格规则,再让系统渲染 SVG 成品
- 内容创作者制作主题海报时先写结构化设计说明,再生成仅含少量文字层级的 SVG
- 产品经理规划海报工具时,先按哲学/渲染两步走验证流程能否跑通,再进入研发
适合人员
- 需要输出极简海报且希望版式规则可复现的设计师
- 喜欢用参数和系统规则表达设计意图的前端/创意工程师
- 负责把概念转成可控排版规范的品牌与视觉负责人
- 在作品集或文章中要用到程序化生成 SVG 海报的开发者