mirror of
https://github.com/JimLiu/baoyu-skills.git
synced 2026-07-12 05:51:44 +08:00
Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b45b5d2c6e | |||
| 62866426c5 |
@@ -6,7 +6,7 @@
|
|||||||
},
|
},
|
||||||
"metadata": {
|
"metadata": {
|
||||||
"description": "Skills shared by Baoyu for improving daily work efficiency",
|
"description": "Skills shared by Baoyu for improving daily work efficiency",
|
||||||
"version": "1.25.4"
|
"version": "1.26.0"
|
||||||
},
|
},
|
||||||
"plugins": [
|
"plugins": [
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -2,6 +2,12 @@
|
|||||||
|
|
||||||
English | [中文](./CHANGELOG.zh.md)
|
English | [中文](./CHANGELOG.zh.md)
|
||||||
|
|
||||||
|
## 1.26.0 - 2026-01-29
|
||||||
|
|
||||||
|
### Features
|
||||||
|
- `baoyu-xhs-images`: add `notebook` style (hand-drawn infographic with watercolor rendering and Morandi palette) and `study-notes` style (realistic handwritten photo aesthetic).
|
||||||
|
- `baoyu-xhs-images`: add `mindmap` (center radial) and `quadrant` (four-section grid) layouts.
|
||||||
|
|
||||||
## 1.25.4 - 2026-01-29
|
## 1.25.4 - 2026-01-29
|
||||||
|
|
||||||
### Fixes
|
### Fixes
|
||||||
|
|||||||
@@ -2,6 +2,12 @@
|
|||||||
|
|
||||||
[English](./CHANGELOG.md) | 中文
|
[English](./CHANGELOG.md) | 中文
|
||||||
|
|
||||||
|
## 1.26.0 - 2026-01-29
|
||||||
|
|
||||||
|
### 新功能
|
||||||
|
- `baoyu-xhs-images`:新增 `notebook` 风格(水彩渲染手绘信息图 + 莫兰迪配色)和 `study-notes` 风格(真实手写照片美学)。
|
||||||
|
- `baoyu-xhs-images`:新增 `mindmap`(中心发散式)和 `quadrant`(四象限)布局。
|
||||||
|
|
||||||
## 1.25.4 - 2026-01-29
|
## 1.25.4 - 2026-01-29
|
||||||
|
|
||||||
### 修复
|
### 修复
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
name: baoyu-xhs-images
|
name: baoyu-xhs-images
|
||||||
description: Generates Xiaohongshu (Little Red Book) infographic series with 9 visual styles and 6 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
|
||||||
@@ -42,8 +42,8 @@ Break down complex content into eye-catching infographic series for Xiaohongshu
|
|||||||
|
|
||||||
| Dimension | Controls | Options |
|
| Dimension | Controls | Options |
|
||||||
|-----------|----------|---------|
|
|-----------|----------|---------|
|
||||||
| **Style** | Visual aesthetics: colors, lines, decorations | cute, fresh, warm, bold, minimal, retro, pop, notion, chalkboard |
|
| **Style** | Visual aesthetics: colors, lines, decorations | cute, fresh, warm, bold, minimal, retro, pop, notion, chalkboard, notebook, study-notes |
|
||||||
| **Layout** | Information structure: density, arrangement | sparse, balanced, dense, list, comparison, flow |
|
| **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.
|
||||||
|
|
||||||
@@ -60,6 +60,8 @@ Style × Layout can be freely combined. Example: `--style notion --layout dense`
|
|||||||
| `pop` | Vibrant, energetic, eye-catching |
|
| `pop` | Vibrant, energetic, eye-catching |
|
||||||
| `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 |
|
||||||
|
| `notebook` | Hand-drawn infographic style, watercolor rendering + Morandi palette |
|
||||||
|
| `study-notes` | Realistic handwritten photo style, blue pen + red annotations + yellow highlighter |
|
||||||
|
|
||||||
Detailed style definitions: `references/presets/<style>.md`
|
Detailed style definitions: `references/presets/<style>.md`
|
||||||
|
|
||||||
@@ -73,6 +75,8 @@ Detailed style definitions: `references/presets/<style>.md`
|
|||||||
| `list` | Enumeration and ranking format (4-7 items) |
|
| `list` | Enumeration and ranking format (4-7 items) |
|
||||||
| `comparison` | Side-by-side contrast layout |
|
| `comparison` | Side-by-side contrast layout |
|
||||||
| `flow` | Process and timeline layout (3-6 steps) |
|
| `flow` | Process and timeline layout (3-6 steps) |
|
||||||
|
| `mindmap` | Center radial mind map layout (4-8 branches) |
|
||||||
|
| `quadrant` | Four-quadrant / circular section layout |
|
||||||
|
|
||||||
Detailed layout definitions: `references/elements/canvas.md`
|
Detailed layout definitions: `references/elements/canvas.md`
|
||||||
|
|
||||||
@@ -89,6 +93,8 @@ Detailed layout definitions: `references/elements/canvas.md`
|
|||||||
| Fun, exciting, wow, amazing | `pop` | sparse/list |
|
| Fun, exciting, wow, amazing | `pop` | sparse/list |
|
||||||
| Knowledge, concept, productivity, SaaS | `notion` | dense/list |
|
| Knowledge, concept, productivity, SaaS | `notion` | dense/list |
|
||||||
| Education, tutorial, learning, teaching, classroom | `chalkboard` | balanced/dense |
|
| Education, tutorial, learning, teaching, classroom | `chalkboard` | balanced/dense |
|
||||||
|
| Notes, hand-drawn, infographic, study, mindmap, Morandi | `notebook` | mindmap/balanced/dense |
|
||||||
|
| Notes, handwritten, study guide, knowledge, realistic, photo | `study-notes` | dense/list/mindmap |
|
||||||
|
|
||||||
## Outline Strategies
|
## Outline Strategies
|
||||||
|
|
||||||
@@ -417,17 +423,19 @@ Files:
|
|||||||
|
|
||||||
**Style × Layout Matrix** (✓✓ = highly recommended, ✓ = works well):
|
**Style × Layout Matrix** (✓✓ = highly recommended, ✓ = works well):
|
||||||
|
|
||||||
| | sparse | balanced | dense | list | comparison | flow |
|
| | sparse | balanced | dense | list | comparison | flow | mindmap | quadrant |
|
||||||
|---|:---:|:---:|:---:|:---:|:---:|:---:|
|
|---|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|
|
||||||
| cute | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓ | ✓ |
|
| cute | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓ | ✓ | ✓ | ✓ |
|
||||||
| fresh | ✓✓ | ✓✓ | ✓ | ✓ | ✓ | ✓✓ |
|
| fresh | ✓✓ | ✓✓ | ✓ | ✓ | ✓ | ✓✓ | ✓ | ✓ |
|
||||||
| warm | ✓✓ | ✓✓ | ✓ | ✓ | ✓✓ | ✓ |
|
| warm | ✓✓ | ✓✓ | ✓ | ✓ | ✓✓ | ✓ | ✓ | ✓ |
|
||||||
| bold | ✓✓ | ✓ | ✓ | ✓✓ | ✓✓ | ✓ |
|
| bold | ✓✓ | ✓ | ✓ | ✓✓ | ✓✓ | ✓ | ✓ | ✓✓ |
|
||||||
| minimal | ✓✓ | ✓✓ | ✓✓ | ✓ | ✓ | ✓ |
|
| minimal | ✓✓ | ✓✓ | ✓✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
|
||||||
| retro | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓ | ✓ |
|
| retro | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓ | ✓ | ✓ | ✓ |
|
||||||
| pop | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓✓ | ✓ |
|
| pop | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓✓ | ✓ | ✓ | ✓ |
|
||||||
| notion | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ |
|
| notion | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ |
|
||||||
| chalkboard | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓ | ✓✓ |
|
| chalkboard | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓✓ | ✓ |
|
||||||
|
| notebook | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ |
|
||||||
|
| study-notes | ✗ | ✓ | ✓✓ | ✓✓ | ✓ | ✓ | ✓✓ | ✓ |
|
||||||
|
|
||||||
## References
|
## References
|
||||||
|
|
||||||
|
|||||||
@@ -51,6 +51,8 @@ Avoid placing critical content in these areas:
|
|||||||
| list | Vertical enumeration | 4-7 | Rankings, checklists, step guides |
|
| list | Vertical enumeration | 4-7 | Rankings, checklists, step guides |
|
||||||
| comparison | Left vs Right | 2 sections | Before/after, pros/cons |
|
| comparison | Left vs Right | 2 sections | Before/after, pros/cons |
|
||||||
| flow | Connected nodes | 3-6 steps | Processes, timelines, workflows |
|
| flow | Connected nodes | 3-6 steps | Processes, timelines, workflows |
|
||||||
|
| mindmap | Center radial | 4-8 branches | Concept maps, brainstorming, topic overview |
|
||||||
|
| quadrant | 4-section grid | 4 sections | SWOT analysis, priority matrix, classification |
|
||||||
|
|
||||||
## Layout by Position
|
## Layout by Position
|
||||||
|
|
||||||
@@ -106,3 +108,15 @@ For multi-element compositions:
|
|||||||
- Directional flow (top→bottom or left→right)
|
- Directional flow (top→bottom or left→right)
|
||||||
- Connected nodes with arrows
|
- Connected nodes with arrows
|
||||||
- Clear progression indicators
|
- Clear progression indicators
|
||||||
|
|
||||||
|
### Mindmap Layout
|
||||||
|
- Central topic node
|
||||||
|
- Radial branches outward
|
||||||
|
- Hierarchical sub-branches
|
||||||
|
- Organic curved connections
|
||||||
|
|
||||||
|
### Quadrant Layout
|
||||||
|
- 4-section grid (2×2)
|
||||||
|
- Clear axis labels
|
||||||
|
- Each quadrant with distinct content
|
||||||
|
- Optional circular variant for cycles
|
||||||
|
|||||||
@@ -0,0 +1,76 @@
|
|||||||
|
---
|
||||||
|
name: notebook
|
||||||
|
category: educational
|
||||||
|
---
|
||||||
|
|
||||||
|
# Notebook Style
|
||||||
|
|
||||||
|
Hand-drawn infographic / study notes aesthetic with watercolor rendering and Morandi color palette.
|
||||||
|
|
||||||
|
## Element Combination
|
||||||
|
|
||||||
|
```yaml
|
||||||
|
canvas:
|
||||||
|
ratio: portrait-3-4
|
||||||
|
grid: single | dual | triptych
|
||||||
|
|
||||||
|
image_effects:
|
||||||
|
cutout: soft
|
||||||
|
stroke: none | watercolor-edge
|
||||||
|
filter: muted-tones | morandi
|
||||||
|
|
||||||
|
typography:
|
||||||
|
decorated: watercolor-highlight | handwritten-bold
|
||||||
|
tags: pill | rounded-rect
|
||||||
|
direction: horizontal
|
||||||
|
|
||||||
|
decorations:
|
||||||
|
emphasis: circle-mark | underline | checkmark
|
||||||
|
background: paper-texture | watercolor-wash
|
||||||
|
doodles: hand-drawn-lines | mindmap-nodes | speech-bubbles | hearts | peace-dove
|
||||||
|
frames: rounded-rect | none
|
||||||
|
```
|
||||||
|
|
||||||
|
## Color Palette (Morandi Tones)
|
||||||
|
|
||||||
|
| Role | Colors | Hex |
|
||||||
|
|------|--------|-----|
|
||||||
|
| Primary | Sage green, Teal | #A8B5A0, #4A7C7C |
|
||||||
|
| Background | Off-white, Warm paper | #FAF8F5, #F5F0E8 |
|
||||||
|
| Accents | Dust blue, Warm grey, Terracotta | #8FA3B0, #9A9590, #C4A484 |
|
||||||
|
|
||||||
|
## Visual Elements
|
||||||
|
|
||||||
|
- Bold handwritten titles with watercolor wash blocks (sage green/teal backgrounds)
|
||||||
|
- Black line illustrations, slightly imperfect, simulating ink effect
|
||||||
|
- Soft paper texture background, mimicking watercolor paper
|
||||||
|
- Mindmap nodes, list boxes, explanatory doodles
|
||||||
|
- Symbolic icons: hearts, speech bubbles, peace dove, handshake
|
||||||
|
- Flat lighting, vector illustration feel with analog texture
|
||||||
|
|
||||||
|
## Typography
|
||||||
|
|
||||||
|
- Bold handwritten fonts
|
||||||
|
- Watercolor wash effect backgrounds
|
||||||
|
- Clear and readable, CJK optimized
|
||||||
|
|
||||||
|
## Best Layout Pairings
|
||||||
|
|
||||||
|
| Layout | Compatibility | Use Case |
|
||||||
|
|--------|---------------|----------|
|
||||||
|
| sparse | ✓✓ | Covers, quotes |
|
||||||
|
| balanced | ✓✓ | Standard content cards |
|
||||||
|
| dense | ✓✓ | Knowledge cards, checklists |
|
||||||
|
| list | ✓✓ | Step guides, rankings |
|
||||||
|
| comparison | ✓✓ | Before/after, contrasts |
|
||||||
|
| flow | ✓✓ | Processes, timelines |
|
||||||
|
| mindmap | ✓✓ | Mind maps |
|
||||||
|
| quadrant | ✓✓ | Quadrant analysis, circular sections |
|
||||||
|
|
||||||
|
## Best For
|
||||||
|
|
||||||
|
- Study notes, knowledge summaries
|
||||||
|
- Mind maps, infographics
|
||||||
|
- Tutorials, knowledge sharing
|
||||||
|
- Bullet journal style content
|
||||||
|
- Concept explanations, framework overviews
|
||||||
@@ -0,0 +1,115 @@
|
|||||||
|
---
|
||||||
|
name: study-notes
|
||||||
|
category: realistic
|
||||||
|
---
|
||||||
|
|
||||||
|
# Study Notes Style
|
||||||
|
|
||||||
|
Realistic handwritten photo aesthetic - student notes style, dense and messy but readable.
|
||||||
|
|
||||||
|
## Element Combination
|
||||||
|
|
||||||
|
```yaml
|
||||||
|
canvas:
|
||||||
|
ratio: portrait-3-4
|
||||||
|
grid: single
|
||||||
|
|
||||||
|
image_effects:
|
||||||
|
cutout: none
|
||||||
|
stroke: none
|
||||||
|
filter: natural-photo
|
||||||
|
|
||||||
|
typography:
|
||||||
|
decorated: none
|
||||||
|
tags: none
|
||||||
|
direction: horizontal
|
||||||
|
|
||||||
|
decorations:
|
||||||
|
emphasis: circle-mark | underline | checkmark | cross | star-simple
|
||||||
|
background: lined-paper-white
|
||||||
|
doodles: arrows-simple | margin-notes | corrections | explanatory-diagrams
|
||||||
|
frames: none
|
||||||
|
```
|
||||||
|
|
||||||
|
## Color Palette (Three-Color Annotation System)
|
||||||
|
|
||||||
|
| Role | Colors | Hex |
|
||||||
|
|------|--------|-----|
|
||||||
|
| Primary | Blue ballpoint, Black ink | #1E3A5F, #1A1A1A |
|
||||||
|
| Highlights | Yellow highlighter | #FFFF00 (50% opacity) |
|
||||||
|
| Accents | Red pen (circles, underlines) | #CC0000 |
|
||||||
|
| Background | White lined paper | #FFFFFF |
|
||||||
|
|
||||||
|
## Visual Elements
|
||||||
|
|
||||||
|
- Realistic photo perspective: top-down view of study desk
|
||||||
|
- Hand holding blue ballpoint pen, actively underlining
|
||||||
|
- Extremely dense handwritten content, filling entire page
|
||||||
|
- Red pen annotations: circles, underlines, stars, boxes
|
||||||
|
- Yellow highlighter marking key terms
|
||||||
|
- Correction marks, cramped notes squeezed into margins
|
||||||
|
- Simple hand-drawn symbols: → * ✓ ✗ !
|
||||||
|
- Varying pen pressure creating lighter and darker strokes
|
||||||
|
|
||||||
|
## Typography
|
||||||
|
|
||||||
|
- Authentic student handwriting
|
||||||
|
- Messy but readable, clear structure maintained
|
||||||
|
- Varying font sizes (large titles, small body, tiny margin notes)
|
||||||
|
- CJK optimized
|
||||||
|
|
||||||
|
## Content Structure
|
||||||
|
|
||||||
|
Three-section layout:
|
||||||
|
|
||||||
|
### Top Section
|
||||||
|
- Core topic (circled multiple times in red)
|
||||||
|
- First section title + 3-4 key points
|
||||||
|
- Arrow connections, red underlines
|
||||||
|
|
||||||
|
### Middle Section
|
||||||
|
- Second section title (red pen box)
|
||||||
|
- Numbered steps ①②③
|
||||||
|
- Specific methods and supplementary notes
|
||||||
|
|
||||||
|
### Bottom Section
|
||||||
|
- Third section title (red star)
|
||||||
|
- Time points / key metrics
|
||||||
|
- Key quotes / core tips (tiny corner notes)
|
||||||
|
|
||||||
|
## Best Layout Pairings
|
||||||
|
|
||||||
|
| Layout | Compatibility | Use Case |
|
||||||
|
|--------|---------------|----------|
|
||||||
|
| sparse | ✗ | Not suitable - style requires dense content |
|
||||||
|
| balanced | ✓ | When content is lighter |
|
||||||
|
| dense | ✓✓ | Best fit - knowledge notes, summaries |
|
||||||
|
| list | ✓✓ | Step checklists, rankings |
|
||||||
|
| comparison | ✓ | Comparative analysis |
|
||||||
|
| flow | ✓ | Process flows |
|
||||||
|
| mindmap | ✓✓ | Mind map notes |
|
||||||
|
| quadrant | ✓ | Quadrant analysis |
|
||||||
|
|
||||||
|
## Best For
|
||||||
|
|
||||||
|
- Study guides, exam notes
|
||||||
|
- Knowledge organization, framework summaries
|
||||||
|
- Tutorial summaries, quick notes
|
||||||
|
- "Top student notes" style content
|
||||||
|
- Knowledge sharing requiring authentic feel
|
||||||
|
|
||||||
|
## Style Rules
|
||||||
|
|
||||||
|
### DO ✓
|
||||||
|
- Keep content extremely dense
|
||||||
|
- Use simple symbols (→ * ✓ ✗ !)
|
||||||
|
- Annotate key points with red pen
|
||||||
|
- Include correction marks
|
||||||
|
- Squeeze tiny notes into margins
|
||||||
|
|
||||||
|
### DON'T ✗
|
||||||
|
- Use complex emojis
|
||||||
|
- Leave too much whitespace
|
||||||
|
- Make neat, tidy layouts
|
||||||
|
- Add colorful decorations
|
||||||
|
- Include cartoon elements
|
||||||
Reference in New Issue
Block a user