From 2da85439e82fc14e81b50889b184a30e9d56ede6 Mon Sep 17 00:00:00 2001 From: maomomo Date: Sat, 27 Jun 2026 21:45:29 +0800 Subject: [PATCH] feat: add maomomo image style library --- README.md | 4 +- SKILL.md | 1 + references/image-generation.md | 6 ++ references/image-styles/创意杂志风.md | 49 ++++++++++++ references/image-styles/复古扁平插画风.md | 50 ++++++++++++ references/image-styles/小红书竖版攻略风.md | 50 ++++++++++++ references/image-styles/手绘便签风.md | 50 ++++++++++++ references/image-styles/数据仪表盘风.md | 51 ++++++++++++ references/image-styles/暖橙金融教程风.md | 56 ++++++++++++++ references/image-styles/清爽专业风.md | 56 ++++++++++++++ references/image-styles/清爽编辑部风.md | 51 ++++++++++++ references/image-styles/电子墨水杂志风.md | 50 ++++++++++++ references/image-styles/科研答辩风.md | 51 ++++++++++++ references/image-styles/麦肯锡简报风.md | 51 ++++++++++++ references/recommended-styles.md | 86 ++++++++++++++++++++- references/visual-assets.md | 6 ++ scripts/maomomo_image_gen.py | 18 +++++ 17 files changed, 684 insertions(+), 2 deletions(-) create mode 100644 references/image-styles/创意杂志风.md create mode 100644 references/image-styles/复古扁平插画风.md create mode 100644 references/image-styles/小红书竖版攻略风.md create mode 100644 references/image-styles/手绘便签风.md create mode 100644 references/image-styles/数据仪表盘风.md create mode 100644 references/image-styles/暖橙金融教程风.md create mode 100644 references/image-styles/清爽专业风.md create mode 100644 references/image-styles/清爽编辑部风.md create mode 100644 references/image-styles/电子墨水杂志风.md create mode 100644 references/image-styles/科研答辩风.md create mode 100644 references/image-styles/麦肯锡简报风.md diff --git a/README.md b/README.md index 1fcb40b..1366af5 100644 --- a/README.md +++ b/README.md @@ -32,6 +32,7 @@ maomomo-article-writer/ ├── style-guide.md # MAOMOMO 写作风格、模板和文章骨架 ├── visual-assets.md # 配图清单、视觉规则和图片 QA ├── recommended-styles.md # 推荐配图风格和提示词片段 + ├── image-styles/ # 参考 codex-ppt 风格库拆分的出图风格 brief ├── image-generation.md # 图片生成脚本、manifest 和后端选择 └── delivery-rules.md # 完整交付、打包和最终检查 ``` @@ -151,7 +152,7 @@ maomomo-article-writer - 语气像懂行朋友，不像官方宣传稿 - 涉及金融、券商、银行、数字货币和合规内容时，保留谨慎措辞 - 配图统一使用白橘猫、暖橙色、干净金融科技教程风 -- 如果用户没有指定配图风格，先在 `warm-fintech-guide`、`data-card-dashboard`、`clean-editorial`、`handdrawn-note`、`xiaohongshu-vertical` 中推荐 2-3 个方向。 +- 如果用户没有指定配图风格，先在 `recommended-styles.md` 和 `image-styles/` 中按文章类型推荐 2-3 个方向，例如 `clean-professional`、`data-card-dashboard`、`handdrawn-note`、`e-ink-editorial` 或 `xiaohongshu-vertical`。 文章不应当： @@ -167,6 +168,7 @@ maomomo-article-writer - 来源核查、时效性、冲突口径和风险表达写在 `references/source-and-fact-check.md`。 - 配图类型、猫咪视觉、文件命名和图片 QA 写在 `references/visual-assets.md`。 - 推荐配图风格、适用场景和提示词片段写在 `references/recommended-styles.md`。 +- 具体出图风格 brief 放在 `references/image-styles/`，结构参考 `codex-ppt-skill` 的风格库。 - 图片 API/CLI fallback、批量 manifest 和脚本用法写在 `references/image-generation.md`，脚本为 `scripts/maomomo_image_gen.py`。 - 完整交付、ZIP、附件和最终检查写在 `references/delivery-rules.md`。 - 修改技能展示名称或默认提示语时，同步更新 `agents/openai.yaml`。 diff --git a/SKILL.md b/SKILL.md index 5dc0f86..9a7dcc6 100644 --- a/SKILL.md +++ b/SKILL.md @@ -120,5 +120,6 @@ description: 生成或优化符合 maomomo / 猫MOMO 风格的中文出海金融 - `references/style-guide.md`：MAOMOMO 文章类型、标题套路、语气、结构模板、小红书模式和写作细节。 - `references/visual-assets.md`：配图类型、猫咪视觉、文件命名、Markdown 插图、禁止伪造截图和图片 QA。 - `references/recommended-styles.md`：推荐配图风格、适用场景、推荐话术和提示词片段。 +- `references/image-styles/*.md`：具体出图风格 brief，借鉴 `codex-ppt-skill` 风格库结构并适配 MAOMOMO 文章配图。 - `references/image-generation.md`：图片生成后端选择、`scripts/maomomo_image_gen.py` 用法、manifest 和故障处理。 - `references/delivery-rules.md`：完整交付、ZIP、更新打包、附件策略和最终检查清单。 diff --git a/references/image-generation.md b/references/image-generation.md index ebda391..956724e 100644 --- a/references/image-generation.md +++ b/references/image-generation.md @@ -88,9 +88,15 @@ python3 scripts/maomomo_image_gen.py batch \ 可用： - `warm-fintech-guide` +- `clean-professional` - `clean-editorial` - `data-card-dashboard` - `handdrawn-note` +- `creative-magazine` +- `retro-flat-illustration` +- `e-ink-editorial` +- `scientific-defense` +- `mckinsey-brief` - `xiaohongshu-vertical` 查看完整描述： diff --git a/references/image-styles/创意杂志风.md b/references/image-styles/创意杂志风.md new file mode 100644 index 0000000..7998303 --- /dev/null +++ b/references/image-styles/创意杂志风.md @@ -0,0 +1,49 @@ +# 创意杂志风 + +## 适用场景 + +- 传播型封面 +- 活动盘点、经验总结、观点型文章 +- 需要更强点击感但不夸张的 MAOMOMO 头图 + +## MAOMOMO 出图 Brief + +```json +{ + "style_name": "creative-magazine", + "visual_direction": "Chinese editorial magazine cover for fintech tutorial, strong headline, generous whitespace, confident but not sensational", + "canvas": { + "aspect_ratio": "16:9", + "background": "off-white, warm gray, or soft brand color field", + "composition": "oversized headline, one hero financial object, short metadata labels, cat mascot as brand accent", + "density": "low to medium" + }, + "color_palette": { + "primary": "ink black or deep slate", + "accent": "MAOMOMO orange plus one supporting color", + "rule": "use 2-3 strong colors only" + }, + "typography": { + "title": "large Chinese display headline", + "metadata": "small label for date, guide type, risk note", + "text_quality": "short Chinese phrases only" + }, + "layout_patterns": [ + "large headline with financial object collage", + "split editorial cover with title and single illustration", + "big number cover with tiny caveat line" + ], + "avoid": [ + "marketing hype", + "too many stickers", + "random stock photo collage", + "unreadable small text" + ] +} +``` + +## Prompt 片段 + +```text +MAOMOMO 创意杂志风中文封面，大标题、强留白、暖橙品牌点缀，金融物件原创插画，白橘猫作为角落品牌元素，画面像编辑部攻略封面，不像银行广告。 +``` diff --git a/references/image-styles/复古扁平插画风.md b/references/image-styles/复古扁平插画风.md new file mode 100644 index 0000000..9c44c77 --- /dev/null +++ b/references/image-styles/复古扁平插画风.md @@ -0,0 +1,50 @@ +# 复古扁平插画风 + +## 适用场景 + +- 轻松羊毛攻略 +- 用卡姿势、活动经验 +- 不想太严肃但仍要保持金融可信度的配图 + +## MAOMOMO 出图 Brief + +```json +{ + "style_name": "retro-flat-illustration", + "visual_direction": "retro flat Chinese fintech illustration, friendly, practical, low-saturation warm palette", + "canvas": { + "aspect_ratio": "16:9", + "background": "warm off-white or muted pastel", + "composition": "flat illustrated financial objects with title cards and short labels", + "density": "medium" + }, + "color_palette": { + "primary": "warm orange, muted teal, cream, brick red", + "neutral": "soft brown-gray text", + "rule": "low saturation, no luxury gold" + }, + "typography": { + "title": "bold rounded Chinese title", + "labels": "short tag labels", + "text_quality": "large and simple" + }, + "layout_patterns": [ + "cat with cards, receipt, calendar and calculator", + "flat route map with currency labels", + "coupon / cashback object board", + "risk and correct action two-column illustration" + ], + "avoid": [ + "overly cute childish poster", + "fake brand logos", + "busy retro texture", + "tiny text" + ] +} +``` + +## Prompt 片段 + +```text +MAOMOMO 复古扁平插画风，低饱和暖色，扁平信用卡、小票、日历、计算器和白橘猫，中文标题清楚，轻松但不夸张，包含 MAOMOMO 标识。 +``` diff --git a/references/image-styles/小红书竖版攻略风.md b/references/image-styles/小红书竖版攻略风.md new file mode 100644 index 0000000..dce3dba --- /dev/null +++ b/references/image-styles/小红书竖版攻略风.md @@ -0,0 +1,50 @@ +# 小红书竖版攻略风 + +## 适用场景 + +- 小红书发布版 +- 4 图看完 +- 手机端快速理解的活动 / 避坑 / 教程内容 + +## MAOMOMO 出图 Brief + +```json +{ + "style_name": "xiaohongshu-vertical", + "visual_direction": "vertical mobile-first Chinese finance guide card, big readable text, series layout", + "canvas": { + "aspect_ratio": "9:16", + "background": "warm white or light orange", + "composition": "large hook title, 2-4 key blocks, cat watermark or small mascot", + "density": "low, mobile readable" + }, + "color_palette": { + "primary": "warm orange and ink black", + "secondary": "soft cream or pale blue", + "rule": "high contrast text, no tiny paragraph" + }, + "typography": { + "title": "very large Chinese title", + "body": "short phrases and key numbers", + "text_quality": "mobile readable at thumbnail size" + }, + "layout_patterns": [ + "cover: one hook plus three tags", + "core split: two lines or three numbers", + "steps: 3-5 actions", + "pitfalls: do / don't list" + ], + "avoid": [ + "reuse of horizontal article image", + "long source paragraph", + "tiny screenshot-like UI", + "exaggerated earning promise" + ] +} +``` + +## Prompt 片段 + +```text +MAOMOMO 小红书竖版攻略风，9:16，大字少字，手机端可读，暖橙白底，白橘猫水印，适合 4 图系列，包含 MAOMOMO 标识。 +``` diff --git a/references/image-styles/手绘便签风.md b/references/image-styles/手绘便签风.md new file mode 100644 index 0000000..caa395e --- /dev/null +++ b/references/image-styles/手绘便签风.md @@ -0,0 +1,50 @@ +# 手绘便签风 + +## 适用场景 + +- 保姆式教程 +- 避坑经验、实测提醒 +- 账户维护、保号、操作步骤说明 + +## MAOMOMO 出图 Brief + +```json +{ + "style_name": "handdrawn-note", + "visual_direction": "clean handdrawn Chinese fintech note, paper-like background, warm sticky notes, arrows and circles", + "canvas": { + "aspect_ratio": "16:9", + "background": "near-white paper", + "composition": "short title, 3-5 annotated steps, cat holding warning sign", + "density": "medium-low, one clear idea per image" + }, + "color_palette": { + "line": "soft dark gray", + "accent": "MAOMOMO orange, pale yellow sticky notes, light blue marks", + "rule": "warm but clean, not messy whiteboard" + }, + "typography": { + "title": "handwritten-style Chinese title", + "labels": "short handwritten labels", + "text_quality": "avoid long sentences" + }, + "layout_patterns": [ + "three-step path with handdrawn arrows", + "pitfall map with warning tags", + "before / correct way comparison", + "checklist with cat reminder card" + ], + "avoid": [ + "messy doodle board", + "too many handwritten words", + "childish cartoon dominance", + "fake screenshots" + ] +} +``` + +## Prompt 片段 + +```text +MAOMOMO 手绘便签风，近白纸感背景，暖橙便利贴，手绘箭头和圈注，白橘猫举提示牌，中文步骤短而清晰，适合避坑和保姆式教程。 +``` diff --git a/references/image-styles/数据仪表盘风.md b/references/image-styles/数据仪表盘风.md new file mode 100644 index 0000000..7ac2cda --- /dev/null +++ b/references/image-styles/数据仪表盘风.md @@ -0,0 +1,51 @@ +# 数据仪表盘风 + +## 适用场景 + +- 返现计算、费用测算 +- 活动门槛、封顶、时间线 +- 多路径、多产品、多活动对比 + +## MAOMOMO 出图 Brief + +```json +{ + "style_name": "data-card-dashboard", + "visual_direction": "bright fintech analytics dashboard for Chinese practical article, KPI cards and rule panels", + "canvas": { + "aspect_ratio": "16:9", + "background": "white or very light blue-gray", + "composition": "dashboard grid with title, KPI cards, calculation panel, timeline or warning list", + "density": "medium-high but readable" + }, + "color_palette": { + "primary": "data blue", + "secondary": "cyan or slate", + "status": "green, orange, red used sparingly", + "brand": "MAOMOMO warm orange for key highlights" + }, + "typography": { + "numbers": "large tabular numerals", + "labels": "short Chinese labels", + "text_quality": "amounts, dates, percentages must be large and legible" + }, + "layout_patterns": [ + "top KPI strip plus lower explanation cards", + "formula card plus before / after comparison", + "timeline plus status badges", + "route comparison table with risk dots" + ], + "avoid": [ + "dark monitoring wall", + "fake real dashboard screenshot", + "random numbers", + "dense unreadable table" + ] +} +``` + +## Prompt 片段 + +```text +MAOMOMO 数据卡片仪表盘风，白底，KPI 卡片、计算公式、时间线和风险标签清晰分区，金额和日期大号可读，白橘猫只做小型提示元素，包含 MAOMOMO 标识。 +``` diff --git a/references/image-styles/暖橙金融教程风.md b/references/image-styles/暖橙金融教程风.md new file mode 100644 index 0000000..2757f73 --- /dev/null +++ b/references/image-styles/暖橙金融教程风.md @@ -0,0 +1,56 @@ +# 暖橙金融教程风 + +## 适用场景 + +- MAOMOMO 默认站内文章配图 +- 港卡、银行活动、返现攻略 +- 开户、转账、保号等实操教程 +- 需要亲和但可信的封面、总览图和流程图 + +## MAOMOMO 出图 Brief + +```json +{ + "style_name": "warm-fintech-guide", + "visual_direction": "MAOMOMO warm fintech guide visual, friendly Chinese practical finance tutorial, orange-white cat mascot and clean cards", + "canvas": { + "aspect_ratio": "16:9 by default", + "background": "clean white or warm off-white", + "composition": "large practical title, 3-5 key information cards, cat guide, clear warning or takeaway area", + "density": "medium, practical and readable" + }, + "color_palette": { + "primary": "MAOMOMO warm orange", + "secondary": "soft blue-gray or teal", + "neutral": "white, light gray, slate text", + "rule": "warm and clean; avoid luxury finance gold and dark cyber style" + }, + "typography": { + "title": "bold readable Chinese title", + "body": "short Chinese labels and key numbers", + "text_quality": "all Chinese text must be clear and exact" + }, + "maomomo_elements": { + "cat": "friendly white-orange cat guide, small to medium size", + "logo": "visible MAOMOMO text mark" + }, + "layout_patterns": [ + "cover title plus cat and financial objects", + "overview cards for date, threshold, reward and pitfall", + "step flow with arrows and warning tags", + "final reminder card with cat holding sign" + ], + "avoid": [ + "fake screenshots", + "bank advertisement tone", + "too childish mascot", + "unverified brand logos" + ] +} +``` + +## Prompt 片段 + +```text +MAOMOMO 暖橙金融教程风，明亮白底，暖橙强调色，干净信息卡片，友好的白橘猫作为向导，中文标题和关键数字清晰，包含 MAOMOMO 标识。 +``` diff --git a/references/image-styles/清爽专业风.md b/references/image-styles/清爽专业风.md new file mode 100644 index 0000000..077ee8e --- /dev/null +++ b/references/image-styles/清爽专业风.md @@ -0,0 +1,56 @@ +# 清爽专业风 + +## 适用场景 + +- 银行 / 券商规则整理 +- 开户、保号、转账教程 +- 正式但不沉闷的 MAOMOMO 站内文章 +- 需要兼顾可信度和实操感的封面、总览图、流程图 + +## MAOMOMO 出图 Brief + +```json +{ + "style_name": "clean-professional", + "visual_direction": "clean professional Chinese fintech article visual, calm tutorial layout, structured evidence cards, readable and trustworthy", + "canvas": { + "aspect_ratio": "16:9 by default", + "background": "warm white, very light gray, or pale blue-gray", + "composition": "clear title zone, structured content cards, one concise takeaway strip", + "density": "medium, enough detail without looking like a bank advertisement" + }, + "color_palette": { + "primary": "professional blue or slate", + "secondary": "teal or muted cyan", + "accent": "MAOMOMO warm orange for highlights", + "neutral": "slate gray, pale border, white card background" + }, + "typography": { + "title": "bold readable Chinese sans-serif", + "body": "clean Chinese sans-serif, left aligned", + "text_quality": "Chinese text must be exact and readable" + }, + "maomomo_elements": { + "cat": "small white-orange cat guide near title or takeaway, not the main subject", + "logo": "MAOMOMO text mark in a corner or title area" + }, + "layout_patterns": [ + "title plus three key cards", + "left process diagram plus right pitfall cards", + "top conclusion strip plus lower rule table", + "timeline plus final reminder" + ], + "avoid": [ + "official bank advertisement tone", + "luxury finance gold", + "dense tiny tables", + "fake app screenshots" + ] +} +``` + +## Prompt 片段 + +```text +MAOMOMO 清爽专业风，浅色背景，蓝绿与暖橙强调色，结构化信息卡片，清晰中文标题和步骤，白橘猫作为小型向导，包含 MAOMOMO 标识，不伪造真实 App 截图。 +``` diff --git a/references/image-styles/清爽编辑部风.md b/references/image-styles/清爽编辑部风.md new file mode 100644 index 0000000..081b35c --- /dev/null +++ b/references/image-styles/清爽编辑部风.md @@ -0,0 +1,51 @@ +# 清爽编辑部风 + +## 适用场景 + +- SEO 长文封面 +- 解释型文章、经验总结 +- 品牌感更强但仍克制的站内头图 + +## MAOMOMO 出图 Brief + +```json +{ + "style_name": "clean-editorial", + "visual_direction": "clean editorial Chinese fintech article image, calm magazine-like cover, readable and restrained", + "canvas": { + "aspect_ratio": "16:9", + "background": "white, off-white, or light warm gray", + "composition": "large title, one clear visual metaphor, small MAOMOMO brand mark and cat accent", + "density": "low to medium" + }, + "color_palette": { + "primary": "ink black or deep slate", + "accent": "MAOMOMO orange", + "secondary": "soft blue-gray or light beige", + "rule": "minimal palette, no noisy decoration" + }, + "typography": { + "title": "large clean Chinese headline", + "body": "one short subtitle or 2-3 labels", + "text_quality": "title must be exact and readable" + }, + "layout_patterns": [ + "headline left, visual object right", + "centered title with small metadata and cat mark", + "big keyword plus supporting labels", + "calm article cover with one metaphor object" + ], + "avoid": [ + "clickbait poster", + "dense dashboard cards", + "too many icons", + "official logo misuse" + ] +} +``` + +## Prompt 片段 + +```text +MAOMOMO 清爽编辑部风，白底大标题，轻杂志排版，暖橙点缀，留白充足，白橘猫作为角落品牌元素，适合中文金融经验文章封面。 +``` diff --git a/references/image-styles/电子墨水杂志风.md b/references/image-styles/电子墨水杂志风.md new file mode 100644 index 0000000..04cbea5 --- /dev/null +++ b/references/image-styles/电子墨水杂志风.md @@ -0,0 +1,50 @@ +# 电子墨水杂志风 + +## 适用场景 + +- 深度解释型长文 +- 观点文章、行业观察 +- 需要更克制、更高级的站内封面 + +## MAOMOMO 出图 Brief + +```json +{ + "style_name": "e-ink-editorial", + "visual_direction": "electronic ink editorial Chinese finance article visual, paper texture, strong headline, restrained layout", + "canvas": { + "aspect_ratio": "16:9", + "background": "off-white paper, ink black, or deep indigo", + "composition": "editorial grid with large headline, metadata strip, one abstract financial visual", + "density": "low to medium" + }, + "color_palette": { + "base": "off-white and ink black", + "accent": "one restrained MAOMOMO orange or indigo accent", + "rule": "avoid colorful dashboard look" + }, + "typography": { + "title": "large editorial Chinese headline", + "metadata": "small source/date/risk labels", + "text_quality": "few words, exact wording" + }, + "layout_patterns": [ + "large headline with metadata strip", + "big quote and one visual plate", + "huge number with footnote", + "two-column argument spread" + ], + "avoid": [ + "cute sticker overload", + "dashboard cards", + "shiny gradients", + "dense tables" + ] +} +``` + +## Prompt 片段 + +```text +MAOMOMO 电子墨水杂志风，纸感背景，黑白灰为主，少量暖橙强调，大标题和元信息条，原创抽象金融视觉，克制高级，包含 MAOMOMO 标识。 +``` diff --git a/references/image-styles/科研答辩风.md b/references/image-styles/科研答辩风.md new file mode 100644 index 0000000..1ff8655 --- /dev/null +++ b/references/image-styles/科研答辩风.md @@ -0,0 +1,51 @@ +# 科研答辩风 + +## 适用场景 + +- 多来源条款核对 +- 规则严谨拆解 +- 政策、合规、券商或银行条款解释 +- 需要“证据链”感的文章配图 + +## MAOMOMO 出图 Brief + +```json +{ + "style_name": "scientific-defense", + "visual_direction": "clean academic defense style adapted for Chinese fintech article, evidence-driven, source-aware", + "canvas": { + "aspect_ratio": "16:9", + "background": "white or pale gray", + "composition": "research question / evidence / conclusion / caveat sections", + "density": "medium-high but organized" + }, + "color_palette": { + "primary": "deep blue or slate", + "accent": "MAOMOMO orange for caveats and key conclusion", + "neutral": "gray lines and pale panels" + }, + "typography": { + "title": "formal bold Chinese title", + "labels": "source, condition, limitation labels", + "text_quality": "precise Chinese terms" + }, + "layout_patterns": [ + "source comparison matrix", + "condition tree plus final conclusion", + "timeline of official rules", + "evidence cards with risk caveat" + ], + "avoid": [ + "over-promotional activity poster", + "uncited absolute claim", + "fake official document screenshot", + "decorative cat dominance" + ] +} +``` + +## Prompt 片段 + +```text +MAOMOMO 科研答辩风，浅色严谨版式，来源卡片、条件树、证据矩阵和结论区清晰，暖橙强调风险提示，白橘猫只作为小型品牌元素。 +``` diff --git a/references/image-styles/麦肯锡简报风.md b/references/image-styles/麦肯锡简报风.md new file mode 100644 index 0000000..0ae28d1 --- /dev/null +++ b/references/image-styles/麦肯锡简报风.md @@ -0,0 +1,51 @@ +# 麦肯锡简报风 + +## 适用场景 + +- 多方案路径选择 +- 银行 / 券商 / 通道对比 +- 成本、收益、风险取舍 +- 给读者一个“怎么选”的决策图 + +## MAOMOMO 出图 Brief + +```json +{ + "style_name": "mckinsey-brief", + "visual_direction": "consulting brief style adapted for MAOMOMO practical finance article, conclusion first, precise matrix and tradeoff chart", + "canvas": { + "aspect_ratio": "16:9", + "background": "white", + "composition": "top takeaway, 2x2 matrix or comparison table, bottom recommendation", + "density": "medium-high" + }, + "color_palette": { + "primary": "deep navy or black", + "accent": "MAOMOMO orange plus one strong blue", + "neutral": "gray grid lines and white panels" + }, + "typography": { + "title": "assertive Chinese takeaway headline", + "body": "short consulting-style labels", + "text_quality": "precise, not salesy" + }, + "layout_patterns": [ + "2x2 decision matrix", + "option comparison table", + "cost-risk-benefit tradeoff chart", + "recommendation waterfall" + ], + "avoid": [ + "pretending to give financial advice", + "luxury consulting cosplay", + "tiny footnotes", + "overconfident guarantees" + ] +} +``` + +## Prompt 片段 + +```text +MAOMOMO 麦肯锡简报风，结论先行，白底深色标题，2x2 矩阵或方案对比表，暖橙突出推荐路径和风险提醒，包含 MAOMOMO 标识。 +``` diff --git a/references/recommended-styles.md b/references/recommended-styles.md index 0563197..3272557 100644 --- a/references/recommended-styles.md +++ b/references/recommended-styles.md @@ -2,16 +2,40 @@ 需要选择、推荐、复用或调整配图风格时，读本文件。风格名要与 `scripts/maomomo_image_gen.py` 的 `--style` 保持一致。 +## 风格参考文件 + +详细出图 brief 放在 `references/image-styles/`，需要使用某个风格生成图片前，优先读取对应文件： + +- `references/image-styles/清爽专业风.md` -> `clean-professional` +- `references/image-styles/创意杂志风.md` -> `creative-magazine` +- `references/image-styles/暖橙金融教程风.md` -> `warm-fintech-guide` +- `references/image-styles/清爽编辑部风.md` -> `clean-editorial` +- `references/image-styles/数据仪表盘风.md` -> `data-card-dashboard` +- `references/image-styles/手绘便签风.md` -> `handdrawn-note` +- `references/image-styles/复古扁平插画风.md` -> `retro-flat-illustration` +- `references/image-styles/电子墨水杂志风.md` -> `e-ink-editorial` +- `references/image-styles/科研答辩风.md` -> `scientific-defense` +- `references/image-styles/麦肯锡简报风.md` -> `mckinsey-brief` +- `references/image-styles/小红书竖版攻略风.md` -> `xiaohongshu-vertical` + +这些风格参考借鉴 `codex-ppt-skill` 的风格 brief 结构，但已改写为 MAOMOMO 文章配图场景：必须保留 MAOMOMO 标识、白橘猫品牌元素、中文可读性和“不伪造真实截图”的边界。 + ## 推荐顺序 -默认优先推荐 `warm-fintech-guide`。如果文章明显更偏数字、对比、避坑或小红书，再切换到更合适的风格。 +默认优先推荐 `warm-fintech-guide` 或 `clean-professional`。如果文章明显更偏数字、对比、避坑、深度解释或小红书，再切换到更合适的风格。 | 风格名 | 优先使用场景 | 不适合 | |---|---|---| | `warm-fintech-guide` | 常规 MAOMOMO 文章、港卡、银行活动、返现攻略、开户教程 | 数字极密集的计算页、小红书竖版 | +| `clean-professional` | 正式规则整理、开户教程、保号教程、综合攻略 | 传播型封面、小红书竖版 | | `data-card-dashboard` | 返现计算、费用测算、活动门槛、产品对比、时间线 | 情绪化避坑故事、截图驱动步骤 | | `clean-editorial` | SEO 长文、总结盘点、品牌感封面、解释型文章 | 需要强步骤感或大量数字卡片的图 | +| `creative-magazine` | 活动盘点、传播型封面、观点总结 | 严肃规则核对、密集数据表 | | `handdrawn-note` | 避坑经验、保号教程、操作步骤、实测提醒 | 严肃金融报告感、密集表格 | +| `retro-flat-illustration` | 轻松羊毛攻略、用卡姿势、经验分享 | 严肃合规解释、复杂来源核对 | +| `e-ink-editorial` | 深度解释、行业观察、观点长文封面 | 活动步骤教程、返现计算图 | +| `scientific-defense` | 条款核对、政策规则、证据链解释 | 轻松传播封面、小红书图 | +| `mckinsey-brief` | 多方案对比、路径选择、决策矩阵 | 情绪化故事、轻松插画 | | `xiaohongshu-vertical` | 小红书、4 图看完、手机端竖版内容 | 常规网站横版封面和正文配图 | ## warm-fintech-guide @@ -56,6 +80,26 @@ MAOMOMO 暖橙金融教程风，明亮白底，暖橙强调色，干净卡片布 MAOMOMO 数据卡片仪表盘风，白底，暖橙和蓝灰辅助色，使用指标卡、表格、时间线和计算公式展示关键信息，中文数字清晰可读，猫咪作为小型提示元素。 ``` +## clean-professional + +推荐语： + +```text +我建议用 clean-professional，因为这篇需要可信、清楚、像一份认真整理过的规则说明，但又不能像官方宣传稿。 +``` + +详细 brief：`references/image-styles/清爽专业风.md` + +## creative-magazine + +推荐语： + +```text +我建议用 creative-magazine，因为这篇更适合作为传播型封面，需要标题有吸引力，同时保持 MAOMOMO 的实操可信度。 +``` + +详细 brief：`references/image-styles/创意杂志风.md` + ## clean-editorial 推荐语： @@ -77,6 +121,16 @@ MAOMOMO 数据卡片仪表盘风，白底，暖橙和蓝灰辅助色，使用指 MAOMOMO 清爽编辑部风，白底大标题，轻杂志排版，暖橙点缀，留白充足，白橘猫作为角落品牌元素，适合中文金融经验文章封面。 ``` +## retro-flat-illustration + +推荐语： + +```text +我建议用 retro-flat-illustration，因为这篇偏轻松经验分享，用低饱和扁平插画能更亲和，但不会显得像银行广告。 +``` + +详细 brief：`references/image-styles/复古扁平插画风.md` + ## handdrawn-note 推荐语： @@ -98,6 +152,36 @@ MAOMOMO 清爽编辑部风，白底大标题，轻杂志排版，暖橙点缀， MAOMOMO 手绘便签风，白底纸感，暖橙便利贴，手绘箭头和圈注，白橘猫举提示牌，中文步骤清楚，适合避坑经验和保姆式教程。 ``` +## e-ink-editorial + +推荐语： + +```text +我建议用 e-ink-editorial，因为这篇更偏深度解释或观点长文，电子墨水杂志风会更克制、更有阅读质感。 +``` + +详细 brief：`references/image-styles/电子墨水杂志风.md` + +## scientific-defense + +推荐语： + +```text +我建议用 scientific-defense，因为这篇需要核对多份官方材料，重点不是好看，而是把证据、条件和结论讲清楚。 +``` + +详细 brief：`references/image-styles/科研答辩风.md` + +## mckinsey-brief + +推荐语： + +```text +我建议用 mckinsey-brief，因为这篇要帮读者在多个路径里做选择，用矩阵和取舍图会更直接。 +``` + +详细 brief：`references/image-styles/麦肯锡简报风.md` + ## xiaohongshu-vertical 推荐语： diff --git a/references/visual-assets.md b/references/visual-assets.md index cfd29a8..c808663 100644 --- a/references/visual-assets.md +++ b/references/visual-assets.md @@ -28,9 +28,15 @@ | 风格名 | 适合场景 | 视觉方向 | |---|---|---| | `warm-fintech-guide` | 默认 MAOMOMO 金融攻略、港卡、银行活动 | 白底、暖橙强调色、干净卡片、白橘猫向导 | +| `clean-professional` | 正式规则整理、开户 / 保号教程 | 浅色背景、蓝绿和暖橙强调、可信结构化卡片 | | `clean-editorial` | SEO 长文、解释型文章、站内封面 | 大标题、留白、轻杂志感、猫咪作为角落品牌元素 | +| `creative-magazine` | 传播型封面、活动盘点 | 大标题、编辑部排版、强留白、原创金融视觉 | | `data-card-dashboard` | 返现计算、活动对比、费用路径、时间线 | 指标卡、表格感、仪表盘、清晰数字层级 | | `handdrawn-note` | 避坑、步骤教程、保号经验 | 手绘箭头、便签、圈注、猫咪提示牌 | +| `retro-flat-illustration` | 轻松羊毛攻略、用卡姿势 | 低饱和复古扁平插画、金融小物件 | +| `e-ink-editorial` | 深度解释、观点长文 | 纸感、黑白灰、少量强调色、元信息条 | +| `scientific-defense` | 条款核对、规则证据链 | 严谨浅色版式、来源卡片、条件树 | +| `mckinsey-brief` | 多方案对比、路径选择 | 结论先行、矩阵、取舍图、商业简报感 | | `xiaohongshu-vertical` | 小红书发布版、4 图看完 | 9:16 竖版、大字少字、强钩子、系列化版式 | 示例确认话术： diff --git a/scripts/maomomo_image_gen.py b/scripts/maomomo_image_gen.py index 01ee90a..d04566b 100644 --- a/scripts/maomomo_image_gen.py +++ b/scripts/maomomo_image_gen.py @@ -44,6 +44,24 @@ STYLE_PRESETS: Dict[str, str] = { "xiaohongshu-vertical": ( "小红书竖版攻略风：9:16 手机端可读，大字少字，强标题钩子，4 图系列一致视觉，带 MAOMOMO 标识。" ), + "clean-professional": ( + "清爽专业风：浅色背景、蓝绿或暖橙强调、结构化信息卡片和清晰层级，适合正式银行规则、开户教程和综合攻略。" + ), + "creative-magazine": ( + "创意杂志风：大标题、强留白、编辑部排版和轻视觉冲击，适合传播型封面、观点总结和活动盘点。" + ), + "retro-flat-illustration": ( + "复古扁平插画风：低饱和暖色、扁平金融小物件、轻复古海报感，适合轻松羊毛攻略和经验分享。" + ), + "e-ink-editorial": ( + "电子墨水杂志风：纸感背景、黑白灰为主、少量强调色、强标题和元信息条，适合深度解释和观点型长文。" + ), + "scientific-defense": ( + "科研答辩风：严谨浅色版式、证据图、流程框和来源标注，适合规则拆解、政策解读和多来源核对。" + ), + "mckinsey-brief": ( + "麦肯锡简报风：结论先行、矩阵、2x2、瀑布图和高对比商业配色，适合方案对比、路径选择和决策建议。" + ), }