mirror of
https://github.com/JimLiu/baoyu-skills.git
synced 2026-08-02 07:09:47 +08:00
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.
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
name: baoyu-xhs-images
|
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
|
# Xiaohongshu Infographic Series Generator
|
||||||
@@ -22,6 +22,12 @@ Break down complex content into eye-catching infographic series for Xiaohongshu
|
|||||||
# Combine style and layout
|
# Combine style and layout
|
||||||
/baoyu-xhs-images posts/ai-future/article.md --style notion --layout list
|
/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
|
# Direct content input
|
||||||
/baoyu-xhs-images
|
/baoyu-xhs-images
|
||||||
[paste content]
|
[paste content]
|
||||||
@@ -37,16 +43,19 @@ Break down complex content into eye-catching infographic series for Xiaohongshu
|
|||||||
|--------|-------------|
|
|--------|-------------|
|
||||||
| `--style <name>` | Visual style (see Style Gallery) |
|
| `--style <name>` | Visual style (see Style Gallery) |
|
||||||
| `--layout <name>` | Information layout (see Layout Gallery) |
|
| `--layout <name>` | Information layout (see Layout Gallery) |
|
||||||
|
| `--preset <name>` | Style + layout shorthand (see [Style Presets](references/style-presets.md)) |
|
||||||
|
|
||||||
## Two Dimensions
|
## Two Dimensions
|
||||||
|
|
||||||
| Dimension | Controls | Options |
|
| 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 |
|
| **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.
|
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 Gallery
|
||||||
|
|
||||||
| Style | Description |
|
| Style | Description |
|
||||||
@@ -61,9 +70,64 @@ Style × Layout can be freely combined. Example: `--style notion --layout dense`
|
|||||||
| `notion` | Minimalist hand-drawn line art, intellectual |
|
| `notion` | Minimalist hand-drawn line art, intellectual |
|
||||||
| `chalkboard` | Colorful chalk on black board, educational |
|
| `chalkboard` | Colorful chalk on black board, educational |
|
||||||
| `study-notes` | Realistic handwritten photo style, blue pen + red annotations + yellow highlighter |
|
| `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`
|
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 Gallery
|
||||||
|
|
||||||
| Layout | Description |
|
| Layout | Description |
|
||||||
@@ -81,18 +145,19 @@ Detailed layout definitions: `references/elements/canvas.md`
|
|||||||
|
|
||||||
## Auto Selection
|
## Auto Selection
|
||||||
|
|
||||||
| Content Signals | Style | Layout |
|
| Content Signals | Style | Layout | Recommended Preset |
|
||||||
|-----------------|-------|--------|
|
|-----------------|-------|--------|--------------------|
|
||||||
| Beauty, fashion, cute, girl, pink | `cute` | sparse/balanced |
|
| Beauty, fashion, cute, girl, pink | `cute` | sparse/balanced | `cute-share`, `girly` |
|
||||||
| Health, nature, clean, fresh, organic | `fresh` | balanced/flow |
|
| Health, nature, clean, fresh, organic | `fresh` | balanced/flow | `product-review`, `nature-flow` |
|
||||||
| Life, story, emotion, feeling, warm | `warm` | balanced |
|
| Life, story, emotion, feeling, warm | `warm` | balanced | `cozy-story` |
|
||||||
| Warning, important, must, critical | `bold` | list/comparison |
|
| Warning, important, must, critical | `bold` | list/comparison | `warning`, `versus` |
|
||||||
| Professional, business, elegant, simple | `minimal` | sparse/balanced |
|
| Professional, business, elegant, simple | `minimal` | sparse/balanced | `clean-quote`, `pro-summary` |
|
||||||
| Classic, vintage, old, traditional | `retro` | balanced |
|
| Classic, vintage, old, traditional | `retro` | balanced | `throwback`, `retro-ranking` |
|
||||||
| Fun, exciting, wow, amazing | `pop` | sparse/list |
|
| Fun, exciting, wow, amazing | `pop` | sparse/list | `hype`, `pop-facts` |
|
||||||
| Knowledge, concept, productivity, SaaS | `notion` | dense/list |
|
| Knowledge, concept, productivity, SaaS | `notion` | dense/list | `knowledge-card`, `checklist` |
|
||||||
| Education, tutorial, learning, teaching, classroom | `chalkboard` | balanced/dense |
|
| Education, tutorial, learning, teaching, classroom | `chalkboard` | balanced/dense | `tutorial`, `classroom` |
|
||||||
| Notes, handwritten, study guide, knowledge, realistic, photo | `study-notes` | dense/list/mindmap |
|
| 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
|
## 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 |
|
| 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 |
|
| 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):
|
**Outline format** (YAML front matter + content):
|
||||||
```yaml
|
```yaml
|
||||||
@@ -348,7 +413,8 @@ Reference: `references/workflows/outline-template.md`
|
|||||||
|
|
||||||
**Question 2: Visual Style**
|
**Question 2: Visual Style**
|
||||||
- Use strategy's recommended style (show which 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
|
- Or type custom style description
|
||||||
|
|
||||||
**Question 3: Visual Elements** (show after style selection)
|
**Question 3: Visual Elements** (show after style selection)
|
||||||
@@ -463,6 +529,7 @@ Files:
|
|||||||
| notion | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ |
|
| notion | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ |
|
||||||
| chalkboard | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓✓ | ✓ |
|
| chalkboard | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓✓ | ✓ |
|
||||||
| study-notes | ✗ | ✓ | ✓✓ | ✓✓ | ✓ | ✓ | ✓✓ | ✓ |
|
| study-notes | ✗ | ✓ | ✓✓ | ✓✓ | ✓ | ✓ | ✓✓ | ✓ |
|
||||||
|
| screen-print | ✓✓ | ✓✓ | ✗ | ✓ | ✓✓ | ✓ | ✗ | ✓✓ |
|
||||||
|
|
||||||
## References
|
## References
|
||||||
|
|
||||||
@@ -476,6 +543,7 @@ Detailed templates in `references/` directory:
|
|||||||
|
|
||||||
**Presets** (Style presets):
|
**Presets** (Style presets):
|
||||||
- `presets/<name>.md` - Element combination definitions (cute, notion, warm...)
|
- `presets/<name>.md` - Element combination definitions (cute, notion, warm...)
|
||||||
|
- `style-presets.md` - Preset shortcuts (style + layout combos)
|
||||||
|
|
||||||
**Workflows** (Process guides):
|
**Workflows** (Process guides):
|
||||||
- `workflows/analysis-framework.md` - Content analysis framework
|
- `workflows/analysis-framework.md` - Content analysis framework
|
||||||
|
|||||||
@@ -143,3 +143,10 @@ Pre-composed decorative elements.
|
|||||||
- Chalk dust effects
|
- Chalk dust effects
|
||||||
- Hand-drawn doodles
|
- Hand-drawn doodles
|
||||||
- Mathematical formulas, simple icons
|
- 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
|
||||||
|
|||||||
@@ -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
|
||||||
@@ -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.
|
||||||
@@ -77,6 +77,41 @@ Load from `presets/{style}.md` and extract key elements:
|
|||||||
{typography_style}
|
{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
|
## Layout Section Assembly
|
||||||
|
|
||||||
Load from `elements/canvas.md` and extract relevant layout:
|
Load from `elements/canvas.md` and extract relevant layout:
|
||||||
@@ -123,7 +158,18 @@ be legible but not distracting from the main content.
|
|||||||
|
|
||||||
## Assembly Process
|
## 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
|
```python
|
||||||
preset = load_preset(style_name) # e.g., "notion"
|
preset = load_preset(style_name) # e.g., "notion"
|
||||||
|
|||||||
Reference in New Issue
Block a user