seahi/baoyu-skills
1
0
Fork 0
mirror of https://github.com/JimLiu/baoyu-skills.git synced 2026-08-07 17:33:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(baoyu-article-illustrator): extract palette as independent third dimension

Browse Source 
- Create palettes/ directory with macaron, warm, neon palette files
- Move macaron from styles/ to palettes/ (color scheme, not rendering style)
- Extract warm palette variant from vector-illustration into shared palette
- Add neon palette extracted from retro style colors
- Update architecture from Type × Style to Type × Style × Palette
- Add Palette Gallery and override rules to styles.md
- Add Palette Override section to prompt-construction.md
- Update presets table with Palette column
- Add palette selection step to workflow
- Add preferred_palette to EXTEND.md schema
This commit is contained in:
Jim Liu 宝玉
2026-04-08 14:35:51 -05:00
parent 049462d6dd
commit 038e67fd9b
13 changed files with 253 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files
skills/baoyu-article-illustrator/references/styles/macaron.md
-67
View File
@@ -1,67 +0,0 @@
# macaron
Soft macaron pastel color blocks on warm cream, clean and readable educational layouts
## Design Aesthetic
Clean, approachable infographic style built around soft macaron pastel color blocks as information containers. Each content zone sits on a distinct pastel fill — blue, mint, lavender, or peach — against a warm cream paper background. Emphasis on clarity, information hierarchy, and moderate density. Pairs well with hand-drawn line treatment (optional) or clean flat vector rendering.
## Background
- Color: Warm Cream (#F5F0E8)
- Texture: Subtle warm paper grain
## 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 highlights |
| Muted Text | Warm Gray | #6B6B6B | Secondary annotations, small labels |
## Visual Elements
- Rounded-corner cards, speech bubbles, and dashed-box frames as content containers
- Each container filled with a distinct macaron pastel color
- Clear typography hierarchy: bold large title → bold keywords → smaller muted annotations
- Bold summary quote at the bottom of the image capturing the core insight
- Auto-selected visual structure based on content: flow → arrow chains, compare → split columns, cycle → ring layout, composition → parallel cards, hierarchy → nested containers
- Generous whitespace between zones, moderate information density
## Optional Hand-Drawn Mode
Can be combined with hand-drawn rendering for a warmer feel:
- Slight wobble on lines and shape edges (not perfectly straight)
- Simple stick-figure cartoon characters or hand-drawn icons
- Color fills that don't completely fill outlines (hand-painted feel)
- Doodle decorations: small stars, underlines, arrows
When not using hand-drawn mode, renders as clean flat shapes with smooth edges.
## Style Rules
### Do
- Use pastel color blocks to visually separate information zones
- Maintain clear information hierarchy through typography weight and size
- Include a bold summary quote at the bottom
- Choose the best visual structure for the content (don't force one layout)
- Keep generous whitespace and moderate density
- Use Coral Red sparingly for emphasis on key data or warnings
### Don't
- Use pure white backgrounds
- Overcrowd with too many elements or decorations
- Mix too many accent colors beyond the macaron palette
- Create dark or moody compositions
- Use tiny text that's hard to read
## Best For
Educational content, knowledge sharing, concept explainers, tutorials, tech summaries, onboarding materials, visual study notes
skills/baoyu-article-illustrator/references/styles/vector-illustration.md
-20
View File
@@ -24,26 +24,6 @@ Flat vector illustration with no gradients or 3D effects. Clear, uniform-thickne
| Accent 2 | Rock Blue | #577590 | Cool balance |
| 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
- All objects have closed black outlines (coloring book style)