feat(baoyu-xhs-images): add screen-print style and style presets

Add screen-print as 11th visual style with poster aesthetic. Add --preset flag for quick style + layout selection with 23 built-in presets (knowledge-card, poster, cinematic, etc.). Update auto-selection and compatibility matrices.
2026-03-08 13:07:14 -05:00 · 2026-03-08 13:07:14 -05:00 · 691a9c2272
parent 16db99a3ef
commit 691a9c2272
5 changed files with 266 additions and 17 deletions
--- a/skills/baoyu-xhs-images/SKILL.md
+++ b/skills/baoyu-xhs-images/SKILL.md
@ -1,6 +1,6 @@
 ---
 name: baoyu-xhs-images
-description: Generates Xiaohongshu (Little Red Book) infographic series with 10 visual styles and 8 layouts. Breaks content into 1-10 cartoon-style images optimized for XHS engagement. Use when user mentions "小红书图片", "XHS images", "RedNote infographics", "小红书种草", or wants social media infographics for Chinese platforms.
+description: Generates Xiaohongshu (Little Red Book) infographic series with 11 visual styles and 8 layouts. Breaks content into 1-10 cartoon-style images optimized for XHS engagement. Use when user mentions "小红书图片", "XHS images", "RedNote infographics", "小红书种草", or wants social media infographics for Chinese platforms.
 ---

 # Xiaohongshu Infographic Series Generator
@ -22,6 +22,12 @@ Break down complex content into eye-catching infographic series for Xiaohongshu
 # Combine style and layout
 /baoyu-xhs-images posts/ai-future/article.md --style notion --layout list

+# Use preset (style + layout shorthand)
+/baoyu-xhs-images posts/ai-future/article.md --preset knowledge-card
+
+# Preset with override
+/baoyu-xhs-images posts/ai-future/article.md --preset poster --layout quadrant
+
 # Direct content input
 /baoyu-xhs-images
 [paste content]
@ -37,16 +43,19 @@ Break down complex content into eye-catching infographic series for Xiaohongshu
 |--------|-------------|
 | `--style <name>` | Visual style (see Style Gallery) |
 | `--layout <name>` | Information layout (see Layout Gallery) |
+| `--preset <name>` | Style + layout shorthand (see [Style Presets](references/style-presets.md)) |

 ## Two Dimensions

 | Dimension | Controls | Options |
 |-----------|----------|---------|
-| **Style** | Visual aesthetics: colors, lines, decorations | cute, fresh, warm, bold, minimal, retro, pop, notion, chalkboard, study-notes |
+| **Style** | Visual aesthetics: colors, lines, decorations | cute, fresh, warm, bold, minimal, retro, pop, notion, chalkboard, study-notes, screen-print |
 | **Layout** | Information structure: density, arrangement | sparse, balanced, dense, list, comparison, flow, mindmap, quadrant |

 Style × Layout can be freely combined. Example: `--style notion --layout dense` creates an intellectual-looking knowledge card with high information density.

+Or use presets: `--preset knowledge-card` → style + layout in one flag. See [Style Presets](references/style-presets.md).
+
 ## Style Gallery

 | Style | Description |
@ -61,9 +70,64 @@ Style × Layout can be freely combined. Example: `--style notion --layout dense`
 | `notion` | Minimalist hand-drawn line art, intellectual |
 | `chalkboard` | Colorful chalk on black board, educational |
 | `study-notes` | Realistic handwritten photo style, blue pen + red annotations + yellow highlighter |
+| `screen-print` | Bold poster art, halftone textures, limited colors, symbolic storytelling |

 Detailed style definitions: `references/presets/<style>.md`

+## Preset Gallery
+
+Quick-start presets by content scenario. Use `--preset <name>` or recommend during Step 4.
+
+**Knowledge & Learning**:
+
+| Preset | Style | Layout | Best For |
+|--------|-------|--------|----------|
+| `knowledge-card` | notion | dense | 干货知识卡、概念科普 |
+| `checklist` | notion | list | 清单、排行榜、必备清单 |
+| `concept-map` | notion | mindmap | 概念图、知识脉络 |
+| `swot` | notion | quadrant | SWOT分析、四象限分类 |
+| `tutorial` | chalkboard | flow | 教程步骤、操作流程 |
+| `classroom` | chalkboard | balanced | 课堂笔记、知识讲解 |
+| `study-guide` | study-notes | dense | 学习笔记、考试重点 |
+
+**Lifestyle & Sharing**:
+
+| Preset | Style | Layout | Best For |
+|--------|-------|--------|----------|
+| `cute-share` | cute | balanced | 少女风分享、日常种草 |
+| `girly` | cute | sparse | 甜美封面、氛围感 |
+| `cozy-story` | warm | balanced | 生活故事、情感分享 |
+| `product-review` | fresh | comparison | 产品对比、测评 |
+| `nature-flow` | fresh | flow | 健康流程、自然主题 |
+
+**Impact & Opinion**:
+
+| Preset | Style | Layout | Best For |
+|--------|-------|--------|----------|
+| `warning` | bold | list | 避坑指南、重要提醒 |
+| `versus` | bold | comparison | 正反对比、强烈对照 |
+| `clean-quote` | minimal | sparse | 金句、极简封面 |
+| `pro-summary` | minimal | balanced | 专业总结、商务内容 |
+
+**Trend & Entertainment**:
+
+| Preset | Style | Layout | Best For |
+|--------|-------|--------|----------|
+| `retro-ranking` | retro | list | 复古排行、经典盘点 |
+| `throwback` | retro | balanced | 怀旧分享、老物件 |
+| `pop-facts` | pop | list | 趣味冷知识、好玩的事 |
+| `hype` | pop | sparse | 炸裂封面、惊叹分享 |
+
+**Poster & Editorial**:
+
+| Preset | Style | Layout | Best For |
+|--------|-------|--------|----------|
+| `poster` | screen-print | sparse | 海报风封面、影评书评 |
+| `editorial` | screen-print | balanced | 观点文章、文化评论 |
+| `cinematic` | screen-print | comparison | 电影对比、戏剧张力 |
+
+Full preset definitions: [references/style-presets.md](references/style-presets.md)
+
 ## Layout Gallery

 | Layout | Description |
@ -81,18 +145,19 @@ Detailed layout definitions: `references/elements/canvas.md`

 ## Auto Selection

-| Content Signals | Style | Layout |
-|-----------------|-------|--------|
-| Beauty, fashion, cute, girl, pink | `cute` | sparse/balanced |
-| Health, nature, clean, fresh, organic | `fresh` | balanced/flow |
-| Life, story, emotion, feeling, warm | `warm` | balanced |
-| Warning, important, must, critical | `bold` | list/comparison |
-| Professional, business, elegant, simple | `minimal` | sparse/balanced |
-| Classic, vintage, old, traditional | `retro` | balanced |
-| Fun, exciting, wow, amazing | `pop` | sparse/list |
-| Knowledge, concept, productivity, SaaS | `notion` | dense/list |
-| Education, tutorial, learning, teaching, classroom | `chalkboard` | balanced/dense |
-| Notes, handwritten, study guide, knowledge, realistic, photo | `study-notes` | dense/list/mindmap |
+| Content Signals | Style | Layout | Recommended Preset |
+|-----------------|-------|--------|--------------------|
+| Beauty, fashion, cute, girl, pink | `cute` | sparse/balanced | `cute-share`, `girly` |
+| Health, nature, clean, fresh, organic | `fresh` | balanced/flow | `product-review`, `nature-flow` |
+| Life, story, emotion, feeling, warm | `warm` | balanced | `cozy-story` |
+| Warning, important, must, critical | `bold` | list/comparison | `warning`, `versus` |
+| Professional, business, elegant, simple | `minimal` | sparse/balanced | `clean-quote`, `pro-summary` |
+| Classic, vintage, old, traditional | `retro` | balanced | `throwback`, `retro-ranking` |
+| Fun, exciting, wow, amazing | `pop` | sparse/list | `hype`, `pop-facts` |
+| Knowledge, concept, productivity, SaaS | `notion` | dense/list | `knowledge-card`, `checklist` |
+| Education, tutorial, learning, teaching, classroom | `chalkboard` | balanced/dense | `tutorial`, `classroom` |
+| Notes, handwritten, study guide, knowledge, realistic, photo | `study-notes` | dense/list/mindmap | `study-guide` |
+| Movie, album, concert, poster, opinion, editorial, dramatic, cinematic | `screen-print` | sparse/comparison | `poster`, `editorial`, `cinematic` |

 ## Outline Strategies

@ -289,7 +354,7 @@ Based on analysis + user context, create three distinct strategy variants. Each
 |----------|----------|---------|-------------------|
 | A | `outline-strategy-a.md` | Story-driven: emotional, before/after | warm, cute, fresh |
 | B | `outline-strategy-b.md` | Information-dense: structured, factual | notion, minimal, chalkboard |
-| C | `outline-strategy-c.md` | Visual-first: atmospheric, minimal text | bold, pop, retro |
+| C | `outline-strategy-c.md` | Visual-first: atmospheric, minimal text | bold, pop, retro, screen-print |

 **Outline format** (YAML front matter + content):
 ```yaml
@ -348,7 +413,8 @@ Reference: `references/workflows/outline-template.md`

 **Question 2: Visual Style**
 - Use strategy's recommended style (show which style)
- Or select from: cute / fresh / warm / bold / minimal / retro / pop / notion / chalkboard
+- Or use a preset: knowledge-card / checklist / tutorial / poster / cinematic / etc. (see [Style Presets](references/style-presets.md))
+- Or select from: cute / fresh / warm / bold / minimal / retro / pop / notion / chalkboard / screen-print
 - Or type custom style description

 **Question 3: Visual Elements** (show after style selection)
@ -463,6 +529,7 @@ Files:
 | notion | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ |
 | chalkboard | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓✓ | ✓ |
 | study-notes | ✗ | ✓ | ✓✓ | ✓✓ | ✓ | ✓ | ✓✓ | ✓ |
+| screen-print | ✓✓ | ✓✓ | ✗ | ✓ | ✓✓ | ✓ | ✗ | ✓✓ |

 ## References

@ -476,6 +543,7 @@ Detailed templates in `references/` directory:

 **Presets** (Style presets):
 - `presets/<name>.md` - Element combination definitions (cute, notion, warm...)
+- `style-presets.md` - Preset shortcuts (style + layout combos)

 **Workflows** (Process guides):
 - `workflows/analysis-framework.md` - Content analysis framework
--- a/skills/baoyu-xhs-images/references/elements/decorations.md
+++ b/skills/baoyu-xhs-images/references/elements/decorations.md
@ -143,3 +143,10 @@ Pre-composed decorative elements.
 - Chalk dust effects
 - Hand-drawn doodles
 - Mathematical formulas, simple icons
+
+### Screen-Print Style
+- Bold silhouettes, geometric shapes
+- Halftone dot patterns, print grain
+- No doodles — negative space does the work
+- Stencil-cut edges, color block boundaries
+- Vintage poster border treatments
--- a/skills/baoyu-xhs-images/references/presets/screen-print.md
+++ b/skills/baoyu-xhs-images/references/presets/screen-print.md
@ -0,0 +1,92 @@
+---
+name: screen-print
+category: poster
+---
+
+# Screen-Print Style
+
+Bold poster art with halftone textures, limited colors, and symbolic storytelling.
+
+## Element Combination
+
+```yaml
+canvas:
+  ratio: portrait-3-4
+  grid: single | dual
+
+image_effects:
+  cutout: silhouette
+  stroke: none
+  filter: halftone | print-grain
+
+typography:
+  decorated: stroke-text | shadow-3d
+  tags: none
+  direction: horizontal
+
+decorations:
+  emphasis: star-burst | numbering
+  background: solid-saturated | paper-texture
+  doodles: none
+  frames: none
+```
+
+## Color Palette
+
+| Role | Colors | Hex |
+|------|--------|-----|
+| Primary | Burnt Orange, Deep Teal | #E8751A, #0A6E6E |
+| Background | Off-Black, Warm Cream | #121212, #F5E6D0 |
+| Accents | Crimson, Amber | #C0392B, #F4A623 |
+
+**Duotone Pairs** (choose ONE based on content mood):
+
+| Pair | Color A | Color B | Feel |
+|------|---------|---------|------|
+| Orange + Teal | #E8751A | #0A6E6E | Cinematic, action |
+| Red + Cream | #C0392B | #F5E6D0 | Bold, classic |
+| Blue + Gold | #1A3A5C | #D4A843 | Premium, prestigious |
+| Crimson + Navy | #DC143C | #0D1B2A | Dramatic, noir |
+| Magenta + Cyan | #C2185B | #00BCD4 | Vibrant, pop |
+
+**Rule**: Use 2-5 colors maximum. Fewer colors = stronger impact.
+
+## Visual Elements
+
+- Bold silhouettes and symbolic shapes
+- Halftone dot patterns within color fills
+- Slight color layer misregistration (print offset effect)
+- Geometric framing (circles, arches, triangles)
+- Figure-ground inversion (negative space tells secondary story)
+- Stencil-cut edges, no outlines — shapes defined by color boundaries
+- Typography integrated as design element, not overlay
+- Vintage poster border treatments
+
+## Typography
+
+- Bold condensed sans-serif or hand-drawn lettering
+- Art Deco influences, vintage poster typography
+- Typography as integral part of composition (not separate layer)
+- High contrast with background for readability
+
+## Best Layout Pairings
+
+| Layout | Compatibility | Use Case |
+|--------|---------------|----------|
+| sparse | ✓✓ | Iconic poster covers, dramatic statements |
+| balanced | ✓✓ | Editorial compositions, opinion pieces |
+| dense | ✗ | Too much info clashes with minimal poster aesthetic |
+| list | ✓ | Bold rankings, top picks |
+| comparison | ✓✓ | Duotone split compositions, before/after |
+| flow | ✓ | Cinematic progression, timelines |
+| mindmap | ✗ | Too complex for geometric poster style |
+| quadrant | ✓✓ | Strong geometric division, classification |
+
+## Best For
+
+- Opinion pieces, cultural commentary
+- Movie/music/book recommendations
+- Dramatic announcements
+- Before/after transformations
+- Bold editorial content
+- Event promotions
--- a/skills/baoyu-xhs-images/references/style-presets.md
+++ b/skills/baoyu-xhs-images/references/style-presets.md
@ -0,0 +1,36 @@
+# Style Presets
+
+`--preset X` expands to a style + layout combination. Users can override either dimension.
+
+| --preset | Style | Layout |
+|----------|-------|--------|
+| `knowledge-card` | `notion` | `dense` |
+| `checklist` | `notion` | `list` |
+| `concept-map` | `notion` | `mindmap` |
+| `swot` | `notion` | `quadrant` |
+| `tutorial` | `chalkboard` | `flow` |
+| `classroom` | `chalkboard` | `balanced` |
+| `study-guide` | `study-notes` | `dense` |
+| `cute-share` | `cute` | `balanced` |
+| `girly` | `cute` | `sparse` |
+| `cozy-story` | `warm` | `balanced` |
+| `product-review` | `fresh` | `comparison` |
+| `nature-flow` | `fresh` | `flow` |
+| `warning` | `bold` | `list` |
+| `versus` | `bold` | `comparison` |
+| `clean-quote` | `minimal` | `sparse` |
+| `pro-summary` | `minimal` | `balanced` |
+| `retro-ranking` | `retro` | `list` |
+| `throwback` | `retro` | `balanced` |
+| `pop-facts` | `pop` | `list` |
+| `hype` | `pop` | `sparse` |
+| `poster` | `screen-print` | `sparse` |
+| `editorial` | `screen-print` | `balanced` |
+| `cinematic` | `screen-print` | `comparison` |
+
+## Override Examples
+
+- `--preset knowledge-card --style chalkboard` = chalkboard style with dense layout
+- `--preset poster --layout quadrant` = screen-print style with quadrant layout
+
+Explicit `--style`/`--layout` flags always override preset values.
--- a/skills/baoyu-xhs-images/references/workflows/prompt-assembly.md
+++ b/skills/baoyu-xhs-images/references/workflows/prompt-assembly.md
@ -77,6 +77,41 @@ Load from `presets/{style}.md` and extract key elements:
 {typography_style}
 ```

+### Screen-Print Style Override
+
+When `style: screen-print`, replace the standard Core Principles and Text Style sections with:
+
+```
+## Core Principles
+
+- Screen print / silkscreen poster art — flat color blocks, NO gradients
+- Bold silhouettes and symbolic shapes over detailed rendering
+- Negative space as active storytelling element
+- If content involves sensitive or copyrighted figures, create stylistically similar silhouettes
+- One iconic focal point per image — conceptual, not literal
+
+## Color Rules (CRITICAL)
+
+- **2-5 FLAT COLORS MAXIMUM** — fewer colors = stronger impact
+- Choose ONE duotone pair from preset as dominant palette
+- Halftone dot patterns for tonal variation (NOT gradients)
+- Slight color layer misregistration for print authenticity
+
+## Text Style (CRITICAL)
+
+- Bold condensed sans-serif or Art Deco influenced lettering
+- Typography INTEGRATED into composition as design element
+- High contrast with background, stencil-cut quality
+- **DO NOT use delicate, thin, or handwritten fonts**
+
+## Composition
+
+- Geometric framing: circles, arches, triangles
+- Figure-ground inversion where possible (negative space forms secondary image)
+- Stencil-cut edges between color blocks, no outlines
+- Paper grain texture beneath all colors
+```
+
 ## Layout Section Assembly

 Load from `elements/canvas.md` and extract relevant layout:
@ -123,7 +158,18 @@ be legible but not distracting from the main content.

 ## Assembly Process

-### Step 1: Load Preset
+### Step 0: Resolve Style Preset (if `--preset` used)
+
+If user specified `--preset`, resolve to style + layout from `references/style-presets.md`:
+
+```python
+# e.g., --preset knowledge-card → style=notion, layout=dense
+style, layout = resolve_preset(preset_name)
+```
+
+Explicit `--style`/`--layout` flags override preset values.
+
+### Step 1: Load Style Definition

 ```python
 preset = load_preset(style_name)  # e.g., "notion"