feat(baoyu-article-illustrator): add warm palette variant for vector-illustration style
This commit is contained in:
parent
6afcfa80cc
commit
881c03262e
|
|
@ -1,7 +1,7 @@
|
||||||
---
|
---
|
||||||
name: baoyu-article-illustrator
|
name: baoyu-article-illustrator
|
||||||
description: Analyzes article structure, identifies positions requiring visual aids, generates illustrations with Type × Style two-dimension approach. Use when user asks to "illustrate article", "add images", "generate images for article", or "为文章配图".
|
description: Analyzes article structure, identifies positions requiring visual aids, generates illustrations with Type × Style two-dimension approach. Use when user asks to "illustrate article", "add images", "generate images for article", or "为文章配图".
|
||||||
version: 1.56.1
|
version: 1.57.0
|
||||||
metadata:
|
metadata:
|
||||||
openclaw:
|
openclaw:
|
||||||
homepage: https://github.com/JimLiu/baoyu-skills#baoyu-article-illustrator
|
homepage: https://github.com/JimLiu/baoyu-skills#baoyu-article-illustrator
|
||||||
|
|
|
||||||
|
|
@ -135,6 +135,16 @@ COLORS: Cream background (#F5F0E6), Coral Red (#E07A5F), Mint Green (#81B29A), M
|
||||||
ELEMENTS: Geometric simplified icons, no gradients, playful decorative elements (dots, stars)
|
ELEMENTS: Geometric simplified icons, no gradients, playful decorative elements (dots, stars)
|
||||||
```
|
```
|
||||||
|
|
||||||
|
**Infographic + vector-illustration (warm palette)**:
|
||||||
|
```
|
||||||
|
Flat vector illustration infographic. Clean black outlines on all elements.
|
||||||
|
Warm-only color palette, no cool colors.
|
||||||
|
COLORS: Soft Peach background (#FFECD2), Warm Orange (#ED8936),
|
||||||
|
Terracotta (#C05621), Golden Yellow (#F6AD55), Deep Brown (#744210)
|
||||||
|
ELEMENTS: Geometric simplified icons, no gradients, rounded corners,
|
||||||
|
modular card layout, consistent icon style
|
||||||
|
```
|
||||||
|
|
||||||
### Scene
|
### Scene
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|
@ -197,6 +207,15 @@ COLORS: Left side Coral (#E07A5F), Right side Mint (#81B29A), cream background
|
||||||
ELEMENTS: Bold icons, black outlines, centered divider line
|
ELEMENTS: Bold icons, black outlines, centered divider line
|
||||||
```
|
```
|
||||||
|
|
||||||
|
**Comparison + vector-illustration (warm palette)**:
|
||||||
|
```
|
||||||
|
Flat vector comparison with split layout. Clear visual separation.
|
||||||
|
Warm-only color palette, no cool colors.
|
||||||
|
COLORS: Left side Warm Orange (#ED8936), Right side Terracotta (#C05621),
|
||||||
|
Soft Peach background (#FFECD2), Deep Brown (#744210) accents
|
||||||
|
ELEMENTS: Bold icons, black outlines, centered divider line
|
||||||
|
```
|
||||||
|
|
||||||
### Framework
|
### Framework
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|
@ -220,6 +239,15 @@ COLORS: Cream background (#F5F0E6), nodes in Coral/Mint/Mustard/Blue, black outl
|
||||||
ELEMENTS: Rounded rectangles or circles for nodes, thick connecting lines
|
ELEMENTS: Rounded rectangles or circles for nodes, thick connecting lines
|
||||||
```
|
```
|
||||||
|
|
||||||
|
**Framework + vector-illustration (warm palette)**:
|
||||||
|
```
|
||||||
|
Flat vector framework diagram with geometric nodes and bold connectors.
|
||||||
|
Warm-only color palette, no cool colors.
|
||||||
|
COLORS: Soft Peach background (#FFECD2), nodes in Warm Orange (#ED8936),
|
||||||
|
Terracotta (#C05621), Golden Yellow (#F6AD55), black outlines
|
||||||
|
ELEMENTS: Rounded rectangles or circles for nodes, thick connecting lines
|
||||||
|
```
|
||||||
|
|
||||||
### Timeline
|
### Timeline
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|
|
||||||
|
|
@ -21,6 +21,7 @@
|
||||||
| `saas-guide` | `infographic` | `notion` | Product guides, SaaS docs, tool walkthroughs |
|
| `saas-guide` | `infographic` | `notion` | Product guides, SaaS docs, tool walkthroughs |
|
||||||
| `tutorial` | `flowchart` | `vector-illustration` | Step-by-step tutorials, setup guides |
|
| `tutorial` | `flowchart` | `vector-illustration` | Step-by-step tutorials, setup guides |
|
||||||
| `process-flow` | `flowchart` | `notion` | Workflow documentation, onboarding flows |
|
| `process-flow` | `flowchart` | `notion` | Workflow documentation, onboarding flows |
|
||||||
|
| `warm-knowledge` | `infographic` | `vector-illustration` (warm palette) | Product showcases, team intros, feature cards, brand content |
|
||||||
|
|
||||||
### Data & Analysis
|
### Data & Analysis
|
||||||
|
|
||||||
|
|
@ -62,7 +63,7 @@ Use this table during Step 3 to recommend presets based on Step 2 content analys
|
||||||
| Opinion / Editorial | `opinion-piece` | `cinematic`, `editorial-poster` |
|
| Opinion / Editorial | `opinion-piece` | `cinematic`, `editorial-poster` |
|
||||||
| Historical / Timeline | `history` | `evolution` |
|
| Historical / Timeline | `history` | `evolution` |
|
||||||
| Academic / Research | `science-paper` | `tech-explainer`, `data-report` |
|
| Academic / Research | `science-paper` | `tech-explainer`, `data-report` |
|
||||||
| SaaS / Product | `saas-guide` | `knowledge-base`, `process-flow` |
|
| SaaS / Product | `saas-guide` | `knowledge-base`, `process-flow`, `warm-knowledge` |
|
||||||
|
|
||||||
## Override Examples
|
## Override Examples
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -98,6 +98,12 @@ Full specifications: `references/styles/<style>.md`
|
||||||
- Modern, professional, highly readable
|
- Modern, professional, highly readable
|
||||||
- Perfect for knowledge articles and tutorials
|
- Perfect for knowledge articles and tutorials
|
||||||
|
|
||||||
|
### infographic + vector-illustration (warm palette)
|
||||||
|
- Same rendering: flat vector, black outlines, geometric simplification
|
||||||
|
- Warm-only palette: terracotta, gold, brown tones on soft peach
|
||||||
|
- Modern-retro feel, approachable and brand-friendly
|
||||||
|
- Best for product showcases, team intros, feature grids, brand content
|
||||||
|
|
||||||
### flowchart + vector-illustration
|
### flowchart + vector-illustration
|
||||||
- Bold arrows and connectors
|
- Bold arrows and connectors
|
||||||
- Distinct step containers with icons
|
- Distinct step containers with icons
|
||||||
|
|
|
||||||
|
|
@ -24,6 +24,26 @@ Flat vector illustration with no gradients or 3D effects. Clear, uniform-thickne
|
||||||
| Accent 2 | Rock Blue | #577590 | Cool balance |
|
| Accent 2 | Rock Blue | #577590 | Cool balance |
|
||||||
| Text | Black | #1A1A1A | Text elements |
|
| Text | Black | #1A1A1A | Text elements |
|
||||||
|
|
||||||
|
## Palette Variants
|
||||||
|
|
||||||
|
### Warm Palette
|
||||||
|
|
||||||
|
Use with `--preset warm-knowledge` or specify in prompt. For product showcases, team introductions, feature grids, brand content.
|
||||||
|
|
||||||
|
| Role | Color | Hex | Usage |
|
||||||
|
|------|-------|-----|-------|
|
||||||
|
| Background | Soft Peach | #FFECD2 | Primary background |
|
||||||
|
| Outlines | Deep Charcoal | #2D2D2D | All element outlines |
|
||||||
|
| Primary | Warm Orange | #ED8936 | Main accent color |
|
||||||
|
| Secondary | Terracotta | #C05621 | Warm depth |
|
||||||
|
| Tertiary | Golden Yellow | #F6AD55 | Highlights, energy |
|
||||||
|
| Accent | Deep Brown | #744210 | Grounding, anchoring |
|
||||||
|
| Text | Warm Charcoal | #4A4A4A | Text elements |
|
||||||
|
|
||||||
|
Warm-only palette, no cool colors (no green, blue, purple). Modern-retro feel.
|
||||||
|
|
||||||
|
Default palette includes Mint Green (#81B29A) and Rock Blue (#577590) for colorful educational content. Warm palette uses exclusively warm tones for brand/product/team content.
|
||||||
|
|
||||||
## Visual Elements
|
## Visual Elements
|
||||||
|
|
||||||
- All objects have closed black outlines (coloring book style)
|
- All objects have closed black outlines (coloring book style)
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue