From f1042c8a6c5860ea66a81cd27c65170a2a7e4808 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jim=20Liu=20=E5=AE=9D=E7=8E=89?= Date: Wed, 8 Apr 2026 22:06:54 -0500 Subject: [PATCH] feat(baoyu-slide-deck): add hand-drawn-edu preset and macaron mood --- skills/baoyu-slide-deck/SKILL.md | 6 +- .../references/dimensions/mood.md | 22 ++++++ .../references/dimensions/presets.md | 8 ++- .../references/dimensions/texture.md | 2 +- .../references/styles/hand-drawn-edu.md | 69 +++++++++++++++++++ 5 files changed, 104 insertions(+), 3 deletions(-) create mode 100644 skills/baoyu-slide-deck/references/styles/hand-drawn-edu.md diff --git a/skills/baoyu-slide-deck/SKILL.md b/skills/baoyu-slide-deck/SKILL.md index b9e4bb8..f1660f0 100644 --- a/skills/baoyu-slide-deck/SKILL.md +++ b/skills/baoyu-slide-deck/SKILL.md @@ -71,6 +71,7 @@ Transform content into professional slide deck images. | `corporate` | clean + professional + geometric + balanced | Investor decks, proposals | | `minimal` | clean + neutral + geometric + minimal | Executive briefings | | `sketch-notes` | organic + warm + handwritten + balanced | Educational, tutorials | +| `hand-drawn-edu` | organic + macaron + handwritten + balanced | Educational diagrams, process explainers | | `watercolor` | organic + warm + humanist + minimal | Lifestyle, wellness | | `dark-atmospheric` | clean + dark + editorial + balanced | Entertainment, gaming | | `notion` | clean + neutral + geometric + dense | Product demos, SaaS | @@ -88,7 +89,7 @@ Transform content into professional slide deck images. | Dimension | Options | Description | |-----------|---------|-------------| | **Texture** | clean, grid, organic, pixel, paper | Visual texture and background treatment | -| **Mood** | professional, warm, cool, vibrant, dark, neutral | Color temperature and palette style | +| **Mood** | professional, warm, cool, vibrant, dark, neutral, macaron | Color temperature and palette style | | **Typography** | geometric, humanist, handwritten, editorial, technical | Headline and body text styling | | **Density** | minimal, balanced, dense | Information density per slide | @@ -99,6 +100,7 @@ Full specs: `references/dimensions/*.md` | Content Signals | Preset | |-----------------|--------| | tutorial, learn, education, guide, beginner | `sketch-notes` | +| hand-drawn, infographic, diagram, process, onboarding | `hand-drawn-edu` | | classroom, teaching, school, chalkboard | `chalkboard` | | architecture, system, data, analysis, technical | `blueprint` | | creative, children, kids, cute | `vector-illustration` | @@ -393,6 +395,8 @@ options: description: "Blues, grays, analytical" - label: "vibrant" description: "High saturation, bold" + - label: "macaron" + description: "Pastel blocks (blue, mint, lavender, peach) on cream" ``` (Note: "dark", "neutral" available via Other) diff --git a/skills/baoyu-slide-deck/references/dimensions/mood.md b/skills/baoyu-slide-deck/references/dimensions/mood.md index efa0da4..895a9cf 100644 --- a/skills/baoyu-slide-deck/references/dimensions/mood.md +++ b/skills/baoyu-slide-deck/references/dimensions/mood.md @@ -8,6 +8,7 @@ Color temperature and palette style. |--------|-------------------|---------------|----------| | `professional` | Cool-neutral | Navy, gold, structured grays | Business, investor, corporate | | `warm` | Warm | Earth tones, oranges, natural colors | Education, friendly, approachable | +| `macaron` | Warm | Pastel blocks (blue, mint, lavender, peach) on cream | Educational diagrams, knowledge sharing | | `cool` | Cool | Blues, grays, cyan, teal | Technical, data, analytical | | `vibrant` | Varied | High saturation, bold colors | Marketing, creative, attention-grabbing | | `dark` | Dark | Deep backgrounds with bright accents | Entertainment, gaming, atmospheric | @@ -36,6 +37,19 @@ Accent 2: #E9C46A (Mustard Yellow) Accent 3: #87A96B (Sage Green) ``` +### macaron + +``` +Background: #F5F0E8 (Warm Cream) +Primary Text: #2D2D2D (Deep Charcoal) +Muted Text: #6B6B6B (Warm Gray) +Macaron Blue: #A8D8EA (Sky Blue) +Macaron Mint: #B5E5CF (Mint Green) +Macaron Lavender: #D5C6E0 (Lavender) +Macaron Peach: #FFD5C2 (Peach) +Accent: #E8655A (Coral Red) +``` + ### cool ``` @@ -95,6 +109,13 @@ Accent 2: #A1A1AA (Light Gray) - Soft transitions between colors - Welcoming atmosphere +### macaron + +- Soft pastel color blocks as distinct information zones +- Each zone uses one macaron color (blue, mint, lavender, peach) +- Coral Red accent used sparingly for emphasis +- Warm cream background maintains friendly, approachable feel + ### cool - Blue-dominant palette @@ -129,6 +150,7 @@ Accent 2: #A1A1AA (Light Gray) |------|-----------------|------------| | professional | clean texture, geometric typography | organic texture, handwritten | | warm | organic texture, humanist typography | pixel texture, minimal density | +| macaron | organic texture, handwritten typography | pixel texture, dark mood | | cool | grid texture, technical typography | paper texture, handwritten | | vibrant | pixel/organic texture, editorial typography | neutral mood overlaps | | dark | clean/pixel texture, technical typography | paper texture | diff --git a/skills/baoyu-slide-deck/references/dimensions/presets.md b/skills/baoyu-slide-deck/references/dimensions/presets.md index 8cddc55..4036e6f 100644 --- a/skills/baoyu-slide-deck/references/dimensions/presets.md +++ b/skills/baoyu-slide-deck/references/dimensions/presets.md @@ -11,6 +11,7 @@ Maps 16 preset styles to their dimension combinations. | corporate | clean | professional | geometric | balanced | | minimal | clean | neutral | geometric | minimal | | sketch-notes | organic | warm | handwritten | balanced | +| hand-drawn-edu | organic | macaron | handwritten | balanced | | watercolor | organic | warm | humanist | minimal | | dark-atmospheric | clean | dark | editorial | balanced | | notion | clean | neutral | geometric | dense | @@ -50,6 +51,11 @@ Maps 16 preset styles to their dimension combinations. - **Feel**: Friendly learning, approachable education - **Auto-select**: tutorial, learn, education, guide, beginner +### hand-drawn-edu +- **Dimensions**: organic + macaron + handwritten + balanced +- **Feel**: Hand-drawn educational infographic, macaron pastel zones +- **Auto-select**: hand-drawn, infographic, diagram, process, onboarding + ### watercolor - **Dimensions**: organic + warm + humanist + minimal - **Feel**: Artistic, natural, lifestyle @@ -114,7 +120,7 @@ When user selects "Custom dimensions", combine any: - **Typography** (5): geometric, humanist, handwritten, editorial, technical - **Density** (3): minimal, balanced, dense -Total possible combinations: 5 × 6 × 5 × 3 = **450 unique styles** +Total possible combinations: 5 × 7 × 5 × 3 = **525 unique styles** ## Recommended Combinations (Beyond Presets) diff --git a/skills/baoyu-slide-deck/references/dimensions/texture.md b/skills/baoyu-slide-deck/references/dimensions/texture.md index 2402dd5..8b2feab 100644 --- a/skills/baoyu-slide-deck/references/dimensions/texture.md +++ b/skills/baoyu-slide-deck/references/dimensions/texture.md @@ -55,6 +55,6 @@ Visual texture and background treatment. |---------|-----------------|------------| | clean | professional, neutral moods | handwritten typography | | grid | cool, professional moods | handwritten, vibrant moods | -| organic | warm, vibrant moods | technical typography | +| organic | warm, macaron, vibrant moods | technical typography | | pixel | vibrant, dark moods | editorial typography | | paper | warm moods | geometric typography, minimal density | diff --git a/skills/baoyu-slide-deck/references/styles/hand-drawn-edu.md b/skills/baoyu-slide-deck/references/styles/hand-drawn-edu.md new file mode 100644 index 0000000..2e22b38 --- /dev/null +++ b/skills/baoyu-slide-deck/references/styles/hand-drawn-edu.md @@ -0,0 +1,69 @@ +# hand-drawn-edu + +Hand-drawn educational infographic with macaron pastel color blocks on warm cream paper + +## Design Aesthetic + +Hand-drawn educational infographic feel with slight wobble on all lines and shapes, like a high-quality presentation visual summary. Warm cream paper background with macaron pastel color blocks creating distinct information zones. Simple cartoon characters and doodle decorations bring concepts to life while maintaining clean composition and generous white space. + +## Background + +- Color: Warm Cream (#F5F0E8) +- Texture: Subtle warm paper grain, hand-drawn feel with slight organic imperfection + +## Typography + +### Primary Font (Headlines) + +Bold hand-drawn lettering with organic strokes. Large, confident letterforms with slight wobble. Thick marker-style strokes. Render as hand-drawn letters, not typed text. + +### Secondary Font (Body) + +Clear handwritten style for body text and labels. Warm gray (#6B6B6B) for annotations and small labels. Bold keywords within body text for emphasis. Legible but not mechanical. + +## Color Palette + +| Role | Color | Hex | Usage | +|------|-------|-----|-------| +| Background | Warm Cream | #F5F0E8 | Primary background | +| Primary Text | Deep Charcoal | #2D2D2D | Headlines, main text, outlines | +| Macaron Blue | Sky Blue | #A8D8EA | Info block fill, cool-toned zones | +| Macaron Mint | Mint Green | #B5E5CF | Info block fill, growth/positive zones | +| Macaron Lavender | Lavender | #D5C6E0 | Info block fill, abstract/concept zones | +| Macaron Peach | Peach | #FFD5C2 | Info block fill, warm-toned zones | +| Accent | Coral Red | #E8655A | Key data, warnings, emphasis | +| Muted Text | Warm Gray | #6B6B6B | Secondary annotations, small labels | + +## Visual Elements + +- Macaron pastel rounded cards as distinct information zones +- Hand-drawn wavy connection lines and arrows between zones +- Simple stick-figure characters and cartoon icons +- Doodle decorations: small stars, underlines, spirals +- Color fills don't completely fill outlines — preserve hand-drawn casual feel +- Dashed borders for secondary or contained zones +- Small icon doodles (clipboard, lock, checkmark) to reinforce concepts + +## Style Rules + +### Do + +- Use distinct macaron color blocks for each information zone +- Keep hand-drawn wobble consistent across all lines and shapes +- Include simple cartoon characters to humanize concepts +- Add small label annotations on connecting arrows +- Include a bold centered quote or takeaway at the bottom +- Maintain generous white space between zones + +### Don't + +- Use perfect geometric shapes or straight lines +- Create photorealistic elements +- Mix more than 4 macaron colors per slide +- Use pure white backgrounds +- Add slide numbers, footers, or logos +- Overcrowd — each zone should breathe + +## Best For + +Educational diagrams, process explainers, concept maps, onboarding visuals, knowledge summaries, tutorial walkthroughs