From 6430c67efe54fa8dd801b00b1f4717f878cad7ad Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jim=20Liu=20=E5=AE=9D=E7=8E=89?= Date: Wed, 14 Jan 2026 10:06:53 -0600 Subject: [PATCH] feat: Add 'notion' style option to article-illustrator, slide-deck, and xhs-images skills for enhanced visual presentation --- skills/article-illustrator/SKILL.md | 18 +++++++++++++++++- skills/slide-deck/SKILL.md | 19 +++++++++++++++++++ skills/xhs-images/SKILL.md | 16 ++++++++++++++++ 3 files changed, 52 insertions(+), 1 deletion(-) diff --git a/skills/article-illustrator/SKILL.md b/skills/article-illustrator/SKILL.md index 74a0d21..8558432 100644 --- a/skills/article-illustrator/SKILL.md +++ b/skills/article-illustrator/SKILL.md @@ -30,7 +30,7 @@ Analyze article structure and content, identify positions requiring visual aids, ## Style Gallery -### 1. `elegant` (Default) +### 1. `elegant` Refined, sophisticated, professional - **Colors**: Soft coral, muted teal, dusty rose, cream background - **Elements**: Delicate line work, subtle icons, balanced composition @@ -78,6 +78,12 @@ Raw, authentic, notebook-style - **Elements**: Rough lines, sketch marks, handwritten notes, arrows - **Best for**: Ideas in progress, brainstorming, thought processes +### 9. `notion` (Default) +Minimalist hand-drawn line art, intellectual +- **Colors**: Black outlines, white background, 1-2 pastel accents +- **Elements**: Simple line doodles, geometric shapes, hand-drawn wobble, maximum whitespace +- **Best for**: Knowledge sharing, concept explanations, SaaS content, productivity articles + ## Auto Style Selection When no `--style` is specified, analyze content to select the best style: @@ -92,6 +98,7 @@ When no `--style` is specified, analyze content to select the best style: | Nature, eco, wellness, health, organic, green | `nature` | | Idea, thought, concept, draft, brainstorm | `sketch` | | Business, professional, strategy, analysis | `elegant` | +| Knowledge, concept, productivity, SaaS, notion | `notion` | ## File Management @@ -304,6 +311,15 @@ Accents: Single highlight color (blue, red, or yellow) Elements: Rough sketch lines, arrows, handwritten labels, crossed-out marks ``` +### notion +``` +Colors: Black (#1A1A1A), dark gray (#4A4A4A) +Background: Pure white (#FFFFFF), off-white (#FAFAFA) +Accents: Pastel blue (#A8D4F0), pastel yellow (#F9E79F), pastel pink (#FADBD8) +Elements: Simple line doodles, hand-drawn wobble effect, geometric shapes, stick figures, maximum whitespace +Typography: Clean hand-drawn lettering, simple sans-serif labels +``` + ## Notes - Illustrations serve the content: supplement information, visualize concepts diff --git a/skills/slide-deck/SKILL.md b/skills/slide-deck/SKILL.md index 4a76618..60764d6 100644 --- a/skills/slide-deck/SKILL.md +++ b/skills/slide-deck/SKILL.md @@ -94,6 +94,12 @@ Flat vector illustration with retro palette - **Colors**: Retro muted palette - dusty pink (#E8B4B8), sage green (#A8C686), mustard yellow (#E8B84A), off-white background (#F5F0E6) - **Best for**: Tutorials, explainers, product introductions, educational content +### 9. `notion` +Minimalist hand-drawn line art, intellectual +- **Aesthetic**: Simple line doodles with hand-drawn wobble, geometric shapes, maximum whitespace, SaaS product feel +- **Colors**: Black outlines (#1A1A1A), white background (#FFFFFF), 1-2 pastel accents (blue #A8D4F0, yellow #F9E79F) +- **Best for**: Knowledge sharing, concept explanations, productivity content, SaaS presentations + ## Audience Presets | Audience | Approach | @@ -152,6 +158,7 @@ path/to/ | Research, analysis, thought leadership | `editorial` | | Wellness, healing, cozy, self-care, lifestyle, comfort | `warm` | | Tutorial, explainer, how-to, beginner, product, guide | `retro-flat` | +| Knowledge, concept, productivity, SaaS, notion, intellectual | `notion` | 4. Extract key information: - Core narrative and key messages @@ -389,6 +396,18 @@ Visual Elements: Clear black monoline outlines (uniform width), flat color fills Style Rules: MUST use clear black outlines on all elements, NO 3D effects, NO gradients, simple flat color blocks only ``` +### notion +``` +Design Aesthetic: Minimalist hand-drawn line art with intellectual SaaS product feel, Notion-style doodles +Background Color: Pure white #FFFFFF, off-white #FAFAFA +Primary Font: Clean hand-drawn lettering, simple sans-serif +Secondary Font: Simple sans-serif labels +Primary Text Color: Black #1A1A1A, dark gray #4A4A4A +Primary Accent Color: Pastel blue #A8D4F0, Pastel yellow #F9E79F, Pastel pink #FADBD8 +Visual Elements: Simple line doodles with hand-drawn wobble effect, geometric shapes, stick figures, maximum whitespace, single-weight ink lines +Style Rules: Single color lines (black/dark gray), 1-2 pastel accents only, NO complex gradients, NO heavy shadows, imperfect hand-drawn feel +``` + ## Notes ### Design Philosophy diff --git a/skills/xhs-images/SKILL.md b/skills/xhs-images/SKILL.md index 0270f62..c3a0d44 100644 --- a/skills/xhs-images/SKILL.md +++ b/skills/xhs-images/SKILL.md @@ -83,6 +83,12 @@ Vibrant, energetic, eye-catching - **Elements**: Bold shapes, comic-style elements, dynamic compositions - **Best for**: Exciting announcements, fun facts, engaging tutorials +### 9. `notion` +Minimalist hand-drawn line art, intellectual +- **Colors**: Black outlines, white background, 1-2 pastel accents +- **Elements**: Simple line doodles, geometric shapes, hand-drawn wobble, maximum whitespace +- **Best for**: Knowledge sharing, concept explanations, SaaS content, productivity tips + ## Auto Style Selection When no `--style` is specified, analyze content to select: @@ -97,6 +103,7 @@ When no `--style` is specified, analyze content to select: | Professional, business, elegant, simple | `minimal` | | Classic, vintage, old, traditional | `retro` | | Fun, exciting, wow, amazing | `pop` | +| Knowledge, concept, productivity, SaaS, notion | `notion` | ## File Management @@ -316,6 +323,15 @@ Elements: Bold shapes, speech bubbles, comic-style effects, starburst Typography: Dynamic, energetic hand lettering with outlines ``` +### notion +``` +Colors: Black (#1A1A1A), dark gray (#4A4A4A) +Background: Pure white (#FFFFFF), off-white (#FAFAFA) +Accents: Pastel blue (#A8D4F0), pastel yellow (#F9E79F), pastel pink (#FADBD8) +Elements: Simple line doodles, hand-drawn wobble effect, geometric shapes, stick figures, maximum whitespace +Typography: Clean hand-drawn lettering, simple sans-serif labels +``` + ## Content Breakdown Principles 1. **Cover (Image 1)**: Strong visual impact, core title, attention hook