diff --git a/skills/baoyu-article-illustrator/SKILL.md b/skills/baoyu-article-illustrator/SKILL.md index 1cfa120..195c600 100644 --- a/skills/baoyu-article-illustrator/SKILL.md +++ b/skills/baoyu-article-illustrator/SKILL.md @@ -1,7 +1,7 @@ --- name: baoyu-article-illustrator description: Analyzes article structure, identifies positions requiring visual aids, generates illustrations with Type × Style × Palette three-dimension approach. Use when user asks to "illustrate article", "add images", "generate images for article", or "为文章配图". -version: 1.57.1 +version: 1.58.0 metadata: openclaw: homepage: https://github.com/JimLiu/baoyu-skills#baoyu-article-illustrator diff --git a/skills/baoyu-article-illustrator/references/config/first-time-setup.md b/skills/baoyu-article-illustrator/references/config/first-time-setup.md index d768a0c..2b4e281 100644 --- a/skills/baoyu-article-illustrator/references/config/first-time-setup.md +++ b/skills/baoyu-article-illustrator/references/config/first-time-setup.md @@ -61,8 +61,10 @@ Position defaults to bottom-right. header: "Style" question: "Default illustration style preference? Or type another style name or your custom style" options: - - label: "None (Recommended)" - description: "Auto-select based on content analysis" + - label: "sketch-notes (Recommended)" + description: "Warm cream paper, black hand-drawn lines, soft pastel blocks — educational infographic feel. Great default for most articles." + - label: "None" + description: "Auto-select based on content analysis (falls back to sketch-notes when no strong signal)" - label: "notion" description: "Minimalist hand-drawn line art" - label: "warm" diff --git a/skills/baoyu-article-illustrator/references/prompt-construction.md b/skills/baoyu-article-illustrator/references/prompt-construction.md index ee85501..688c7ad 100644 --- a/skills/baoyu-article-illustrator/references/prompt-construction.md +++ b/skills/baoyu-article-illustrator/references/prompt-construction.md @@ -139,6 +139,39 @@ STYLE: [style characteristics] ASPECT: 16:9 ``` +**Infographic + sketch-notes + macaron palette** (default / `hand-drawn-edu` preset): +``` +Single-page hand-drawn educational infographic in a clean presentation style. +Warm cream paper background, black hand-drawn lines with slight wobble, soft +pastel color blocks. Feels simple, friendly, and easy to understand at a glance. +Diagram-style visuals ONLY — no realistic or photographic images. + +PALETTE: macaron — soft pastel blocks on warm cream +COLORS: Warm Cream background (#F5F0E8); Black (#1A1A1A) for ALL lines, text, + arrows, and doodles; section fills in Light Blue (#A8D8EA), Mint Green + (#B5E5CF), Lavender (#D5C6E0), Peach (#FFD5C2); Coral Red (#E8655A) + sparingly for one or two emphasis points only. + +LAYOUT (top → bottom): +- TOP: Bold hand-lettered title, oversized, slightly wobbly, with an optional + decorative underline or small doodle. +- MIDDLE: 2–6 rounded-rectangle info boxes arranged in a clean grid, row, or + radial pattern. Each box = one section, one pastel fill color, one + simple icon or sketchy cartoon element, one short keyword/phrase. + Hand-drawn arrows connect related zones. +- BOTTOM: One short hand-lettered takeaway sentence summarizing the main idea. + +ELEMENTS: Rounded info boxes with clear sectioning, wavy/straight hand-drawn + arrows with small inline labels, simple icons and sketchy cartoon + elements (stick figures, tools, objects), small doodle decorations + (stars, sparkles, underlines, dots, asterisks) used sparingly. + +STYLE: Minimal, well-organized, airy. Color fills don't completely fill + outlines (slight "hand-painted" overshoot). ALL text hand-lettered — + no computer fonts. Short labels and keywords only, never long + paragraphs. Generous white space between sections. +``` + **Infographic + vector-illustration**: ``` Flat vector illustration infographic. Clean black outlines on all elements. diff --git a/skills/baoyu-article-illustrator/references/style-presets.md b/skills/baoyu-article-illustrator/references/style-presets.md index 5654400..4007cfc 100644 --- a/skills/baoyu-article-illustrator/references/style-presets.md +++ b/skills/baoyu-article-illustrator/references/style-presets.md @@ -2,6 +2,10 @@ `--preset X` expands to a type + style + optional palette combination. Users can override any dimension. +## Default Preset + +When content analysis surfaces no strong signal (generic knowledge article, mixed-topic post, no clear data/comparison/narrative cue), recommend **`hand-drawn-edu`** as the primary option in Step 3 Q1. It is the warm, friendly educational-infographic default — safe for most articles and universally readable. + ## By Category ### Technical & Engineering @@ -23,7 +27,9 @@ | `process-flow` | `flowchart` | `notion` | — | Workflow documentation, onboarding flows | | `warm-knowledge` | `infographic` | `vector-illustration` | `warm` | Product showcases, team intros, feature cards, brand content | | `edu-visual` | `infographic` | `vector-illustration` | `macaron` | Knowledge summaries, concept explainers, educational articles | -| `hand-drawn-edu` | `flowchart` | `sketch-notes` | `macaron` | Hand-drawn educational diagrams, process explainers, onboarding visuals | +| `hand-drawn-edu` | `infographic` | `sketch-notes` | `macaron` | **Default preset.** Hand-drawn educational infographic — warm cream paper, black lines, pastel blocks. Great for single-page explainers, concept summaries, onboarding, general knowledge articles | +| `hand-drawn-edu-flow` | `flowchart` | `sketch-notes` | `macaron` | Hand-drawn process explainer — step-by-step workflow in the same warm educational style | +| `hand-drawn-edu-compare` | `comparison` | `sketch-notes` | `macaron` | Hand-drawn side-by-side comparison in the warm educational style | | `ink-notes-compare` | `comparison` | `ink-notes` | `mono-ink` | Before/After essays, Traditional vs New, OS-style comparisons, mindset-shift narratives | | `ink-notes-flow` | `flowchart` | `ink-notes` | `mono-ink` | Professional process explainers, workforce pipelines, hand-drawn technical walkthroughs | | `ink-notes-framework` | `framework` | `ink-notes` | `mono-ink` | System analogies, command-center diagrams, architecture-as-metaphor, tech manifestos | @@ -59,18 +65,19 @@ Use this table during Step 3 to recommend presets based on Step 2 content analys | Content Type (Step 2) | Primary Preset | Alternatives | |------------------------|----------------|--------------| -| Technical | `tech-explainer` | `system-design`, `architecture` | -| Tutorial | `tutorial` | `process-flow`, `knowledge-base`, `edu-visual` | +| **General / No strong signal** | `hand-drawn-edu` | `edu-visual`, `knowledge-base` | +| Education / Knowledge | `hand-drawn-edu` | `edu-visual`, `knowledge-base`, `tutorial` | +| Tutorial | `hand-drawn-edu-flow` | `tutorial`, `process-flow`, `hand-drawn-edu` | +| SaaS / Product | `hand-drawn-edu` | `saas-guide`, `knowledge-base`, `process-flow`, `warm-knowledge` | +| Technical | `tech-explainer` | `system-design`, `architecture`, `hand-drawn-edu` | | Methodology / Framework | `system-design` | `architecture`, `process-flow` | | Data / Metrics | `data-report` | `versus`, `tech-explainer` | -| Comparison / Review | `versus` | `business-compare`, `editorial-poster`, `ink-notes-compare` | +| Comparison / Review | `versus` | `business-compare`, `hand-drawn-edu-compare`, `editorial-poster`, `ink-notes-compare` | | Manifesto / Mindset shift / Professional visual note | `ink-notes-compare` | `ink-notes-framework`, `ink-notes-flow` | | Narrative / Personal | `storytelling` | `lifestyle`, `evolution` | | Opinion / Editorial | `opinion-piece` | `cinematic`, `editorial-poster` | | Historical / Timeline | `history` | `evolution` | | Academic / Research | `science-paper` | `tech-explainer`, `data-report` | -| SaaS / Product | `saas-guide` | `knowledge-base`, `process-flow`, `warm-knowledge` | -| Education / Knowledge | `edu-visual` | `knowledge-base`, `tutorial`, `hand-drawn-edu` | ## Override Examples diff --git a/skills/baoyu-article-illustrator/references/styles.md b/skills/baoyu-article-illustrator/references/styles.md index 5d90d3b..5fc3d60 100644 --- a/skills/baoyu-article-illustrator/references/styles.md +++ b/skills/baoyu-article-illustrator/references/styles.md @@ -6,15 +6,15 @@ Simplified style tier for quick selection: | Core Style | Maps To | Best For | |------------|---------|----------| +| `hand-drawn` | sketch-notes | **Default.** Warm cream paper, black hand-drawn lines, pastel blocks — educational infographics, concept explainers, onboarding, general knowledge articles | | `vector` | vector-illustration | Knowledge articles, tutorials, tech content | | `minimal-flat` | notion | General, knowledge sharing, SaaS | | `sci-fi` | blueprint | AI, frontier tech, system design | -| `hand-drawn` | sketch/warm | Relaxed, reflective, casual content | | `editorial` | editorial | Processes, data, journalism | | `scene` | warm/watercolor | Narratives, emotional, lifestyle | | `poster` | screen-print | Opinion, editorial, cultural, cinematic | -Use Core Styles for most cases. See full Style Gallery below for granular control. +Use Core Styles for most cases. **When no strong content signal is detected, default to `hand-drawn` (→ sketch-notes).** See full Style Gallery below for granular control. --- @@ -50,42 +50,45 @@ Full specifications: `references/styles/