mirror of
https://github.com/JimLiu/baoyu-skills.git
synced 2026-07-12 05:51:44 +08:00
feat(baoyu-cover-image): add screen-print rendering and duotone palette
Add screen-print as 7th rendering style with halftone textures and limited colors. Add duotone as 10th color palette for dramatic two-color compositions. Update all compatibility matrices and style presets (poster-art, mondo, art-deco, propaganda, cinematic).
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
name: baoyu-cover-image
|
name: baoyu-cover-image
|
||||||
description: Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 9 color palettes and 6 rendering styles. Supports cinematic (2.35:1), widescreen (16:9), and square (1:1) aspects. Use when user asks to "generate cover image", "create article cover", or "make cover".
|
description: Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 10 color palettes and 7 rendering styles. Supports cinematic (2.35:1), widescreen (16:9), and square (1:1) aspects. Use when user asks to "generate cover image", "create article cover", or "make cover".
|
||||||
---
|
---
|
||||||
|
|
||||||
# Cover Image Generator
|
# Cover Image Generator
|
||||||
@@ -35,8 +35,8 @@ Generate elegant cover images for articles with 5-dimensional customization.
|
|||||||
| Option | Description |
|
| Option | Description |
|
||||||
|--------|-------------|
|
|--------|-------------|
|
||||||
| `--type <name>` | hero, conceptual, typography, metaphor, scene, minimal |
|
| `--type <name>` | hero, conceptual, typography, metaphor, scene, minimal |
|
||||||
| `--palette <name>` | warm, elegant, cool, dark, earth, vivid, pastel, mono, retro |
|
| `--palette <name>` | warm, elegant, cool, dark, earth, vivid, pastel, mono, retro, duotone |
|
||||||
| `--rendering <name>` | flat-vector, hand-drawn, painterly, digital, pixel, chalk |
|
| `--rendering <name>` | flat-vector, hand-drawn, painterly, digital, pixel, chalk, screen-print |
|
||||||
| `--style <name>` | Preset shorthand (see [Style Presets](references/style-presets.md)) |
|
| `--style <name>` | Preset shorthand (see [Style Presets](references/style-presets.md)) |
|
||||||
| `--text <level>` | none, title-only, title-subtitle, text-rich |
|
| `--text <level>` | none, title-only, title-subtitle, text-rich |
|
||||||
| `--mood <level>` | subtle, balanced, bold |
|
| `--mood <level>` | subtle, balanced, bold |
|
||||||
@@ -52,8 +52,8 @@ Generate elegant cover images for articles with 5-dimensional customization.
|
|||||||
| Dimension | Values | Default |
|
| Dimension | Values | Default |
|
||||||
|-----------|--------|---------|
|
|-----------|--------|---------|
|
||||||
| **Type** | hero, conceptual, typography, metaphor, scene, minimal | auto |
|
| **Type** | hero, conceptual, typography, metaphor, scene, minimal | auto |
|
||||||
| **Palette** | warm, elegant, cool, dark, earth, vivid, pastel, mono, retro | auto |
|
| **Palette** | warm, elegant, cool, dark, earth, vivid, pastel, mono, retro, duotone | auto |
|
||||||
| **Rendering** | flat-vector, hand-drawn, painterly, digital, pixel, chalk | auto |
|
| **Rendering** | flat-vector, hand-drawn, painterly, digital, pixel, chalk, screen-print | auto |
|
||||||
| **Text** | none, title-only, title-subtitle, text-rich | title-only |
|
| **Text** | none, title-only, title-subtitle, text-rich | title-only |
|
||||||
| **Mood** | subtle, balanced, bold | balanced |
|
| **Mood** | subtle, balanced, bold | balanced |
|
||||||
| **Font** | clean, handwritten, serif, display | clean |
|
| **Font** | clean, handwritten, serif, display | clean |
|
||||||
@@ -65,10 +65,10 @@ Auto-selection rules: [references/auto-selection.md](references/auto-selection.m
|
|||||||
**Types**: hero, conceptual, typography, metaphor, scene, minimal
|
**Types**: hero, conceptual, typography, metaphor, scene, minimal
|
||||||
→ Details: [references/types.md](references/types.md)
|
→ Details: [references/types.md](references/types.md)
|
||||||
|
|
||||||
**Palettes**: warm, elegant, cool, dark, earth, vivid, pastel, mono, retro
|
**Palettes**: warm, elegant, cool, dark, earth, vivid, pastel, mono, retro, duotone
|
||||||
→ Details: [references/palettes/](references/palettes/)
|
→ Details: [references/palettes/](references/palettes/)
|
||||||
|
|
||||||
**Renderings**: flat-vector, hand-drawn, painterly, digital, pixel, chalk
|
**Renderings**: flat-vector, hand-drawn, painterly, digital, pixel, chalk, screen-print
|
||||||
→ Details: [references/renderings/](references/renderings/)
|
→ Details: [references/renderings/](references/renderings/)
|
||||||
|
|
||||||
**Text Levels**: none (pure visual) | title-only (default) | title-subtitle | text-rich (with tags)
|
**Text Levels**: none (pure visual) | title-only (default) | title-subtitle | text-rich (with tags)
|
||||||
|
|||||||
@@ -26,6 +26,7 @@ When a dimension is omitted, select based on content signals.
|
|||||||
| Fantasy, children, gentle, creative, whimsical | `pastel` |
|
| Fantasy, children, gentle, creative, whimsical | `pastel` |
|
||||||
| Zen, focus, essential, pure, simple | `mono` |
|
| Zen, focus, essential, pure, simple | `mono` |
|
||||||
| History, vintage, retro, classic, exploration | `retro` |
|
| History, vintage, retro, classic, exploration | `retro` |
|
||||||
|
| Movie poster, album cover, concert, cinematic, dramatic, two-color | `duotone` |
|
||||||
|
|
||||||
## Auto Rendering Selection
|
## Auto Rendering Selection
|
||||||
|
|
||||||
@@ -37,6 +38,7 @@ When a dimension is omitted, select based on content signals.
|
|||||||
| Data, dashboard, SaaS, corporate, polished | `digital` |
|
| Data, dashboard, SaaS, corporate, polished | `digital` |
|
||||||
| Gaming, retro, 8-bit, nostalgic | `pixel` |
|
| Gaming, retro, 8-bit, nostalgic | `pixel` |
|
||||||
| Education, tutorial, classroom, teaching | `chalk` |
|
| Education, tutorial, classroom, teaching | `chalk` |
|
||||||
|
| Poster, movie, album, concert, silhouette, mondo, limited-edition | `screen-print` |
|
||||||
|
|
||||||
## Auto Text Selection
|
## Auto Text Selection
|
||||||
|
|
||||||
|
|||||||
@@ -4,28 +4,29 @@
|
|||||||
|
|
||||||
## Palette × Rendering
|
## Palette × Rendering
|
||||||
|
|
||||||
| | flat-vector | hand-drawn | painterly | digital | pixel | chalk |
|
| | flat-vector | hand-drawn | painterly | digital | pixel | chalk | screen-print |
|
||||||
|---|:---:|:---:|:---:|:---:|:---:|:---:|
|
|---|:---:|:---:|:---:|:---:|:---:|:---:|:---:|
|
||||||
| warm | ✓✓ | ✓✓ | ✓ | ✓ | ✓ | ✓ |
|
| warm | ✓✓ | ✓✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
|
||||||
| elegant | ✓ | ✓✓ | ✓ | ✓✓ | ✗ | ✗ |
|
| elegant | ✓ | ✓✓ | ✓ | ✓✓ | ✗ | ✗ | ✓ |
|
||||||
| cool | ✓✓ | ✓ | ✗ | ✓✓ | ✓ | ✓ |
|
| cool | ✓✓ | ✓ | ✗ | ✓✓ | ✓ | ✓ | ✓ |
|
||||||
| dark | ✓ | ✓ | ✓ | ✓✓ | ✓ | ✓✓ |
|
| dark | ✓ | ✓ | ✓ | ✓✓ | ✓ | ✓✓ | ✓✓ |
|
||||||
| earth | ✓ | ✓✓ | ✓✓ | ✓ | ✗ | ✗ |
|
| earth | ✓ | ✓✓ | ✓✓ | ✓ | ✗ | ✗ | ✓ |
|
||||||
| vivid | ✓✓ | ✓ | ✓ | ✓ | ✓✓ | ✓ |
|
| vivid | ✓✓ | ✓ | ✓ | ✓ | ✓✓ | ✓ | ✓✓ |
|
||||||
| pastel | ✓✓ | ✓✓ | ✓✓ | ✓ | ✗ | ✗ |
|
| pastel | ✓✓ | ✓✓ | ✓✓ | ✓ | ✗ | ✗ | ✗ |
|
||||||
| mono | ✓✓ | ✓ | ✗ | ✓✓ | ✓ | ✓ |
|
| mono | ✓✓ | ✓ | ✗ | ✓✓ | ✓ | ✓ | ✓✓ |
|
||||||
| retro | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓ | ✗ |
|
| retro | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓ | ✗ | ✓✓ |
|
||||||
|
| duotone | ✓ | ✗ | ✗ | ✓ | ✗ | ✗ | ✓✓ |
|
||||||
|
|
||||||
## Type × Rendering
|
## Type × Rendering
|
||||||
|
|
||||||
| | flat-vector | hand-drawn | painterly | digital | pixel | chalk |
|
| | flat-vector | hand-drawn | painterly | digital | pixel | chalk | screen-print |
|
||||||
|---|:---:|:---:|:---:|:---:|:---:|:---:|
|
|---|:---:|:---:|:---:|:---:|:---:|:---:|:---:|
|
||||||
| hero | ✓ | ✓✓ | ✓✓ | ✓✓ | ✓ | ✓ |
|
| hero | ✓ | ✓✓ | ✓✓ | ✓✓ | ✓ | ✓ | ✓✓ |
|
||||||
| conceptual | ✓✓ | ✓ | ✗ | ✓✓ | ✓ | ✓ |
|
| conceptual | ✓✓ | ✓ | ✗ | ✓✓ | ✓ | ✓ | ✓ |
|
||||||
| typography | ✓✓ | ✓ | ✓ | ✓✓ | ✓ | ✓ |
|
| typography | ✓✓ | ✓ | ✓ | ✓✓ | ✓ | ✓ | ✓✓ |
|
||||||
| metaphor | ✓ | ✓✓ | ✓✓ | ✓ | ✗ | ✓ |
|
| metaphor | ✓ | ✓✓ | ✓✓ | ✓ | ✗ | ✓ | ✓✓ |
|
||||||
| scene | ✗ | ✓ | ✓✓ | ✓ | ✓ | ✗ |
|
| scene | ✗ | ✓ | ✓✓ | ✓ | ✓ | ✗ | ✓ |
|
||||||
| minimal | ✓✓ | ✓ | ✓ | ✓✓ | ✗ | ✗ |
|
| minimal | ✓✓ | ✓ | ✓ | ✓✓ | ✗ | ✗ | ✓✓ |
|
||||||
|
|
||||||
## Type × Text
|
## Type × Text
|
||||||
|
|
||||||
@@ -51,9 +52,9 @@
|
|||||||
|
|
||||||
## Font × Rendering
|
## Font × Rendering
|
||||||
|
|
||||||
| | flat-vector | hand-drawn | painterly | digital | pixel | chalk |
|
| | flat-vector | hand-drawn | painterly | digital | pixel | chalk | screen-print |
|
||||||
|---|:---:|:---:|:---:|:---:|:---:|:---:|
|
|---|:---:|:---:|:---:|:---:|:---:|:---:|:---:|
|
||||||
| clean | ✓✓ | ✗ | ✗ | ✓✓ | ✓ | ✗ |
|
| clean | ✓✓ | ✗ | ✗ | ✓✓ | ✓ | ✗ | ✓ |
|
||||||
| handwritten | ✓ | ✓✓ | ✓✓ | ✓ | ✗ | ✓✓ |
|
| handwritten | ✓ | ✓✓ | ✓✓ | ✓ | ✗ | ✓✓ | ✗ |
|
||||||
| serif | ✓ | ✗ | ✓ | ✓✓ | ✗ | ✗ |
|
| serif | ✓ | ✗ | ✓ | ✓✓ | ✗ | ✗ | ✓ |
|
||||||
| display | ✓✓ | ✓ | ✓ | ✓✓ | ✓✓ | ✓ |
|
| display | ✓✓ | ✓ | ✓ | ✓✓ | ✓✓ | ✓ | ✓✓ |
|
||||||
|
|||||||
@@ -120,12 +120,12 @@ Bold, decorative typography for maximum impact.
|
|||||||
|
|
||||||
## Rendering Compatibility
|
## Rendering Compatibility
|
||||||
|
|
||||||
| Font × Rendering | flat-vector | hand-drawn | painterly | digital | pixel | chalk |
|
| Font × Rendering | flat-vector | hand-drawn | painterly | digital | pixel | chalk | screen-print |
|
||||||
|------------------|:-----------:|:----------:|:---------:|:-------:|:-----:|:-----:|
|
|------------------|:-----------:|:----------:|:---------:|:-------:|:-----:|:-----:|:------------:|
|
||||||
| clean | ✓✓ | ✗ | ✗ | ✓✓ | ✓ | ✗ |
|
| clean | ✓✓ | ✗ | ✗ | ✓✓ | ✓ | ✗ | ✓ |
|
||||||
| handwritten | ✓ | ✓✓ | ✓✓ | ✓ | ✗ | ✓✓ |
|
| handwritten | ✓ | ✓✓ | ✓✓ | ✓ | ✗ | ✓✓ | ✗ |
|
||||||
| serif | ✓ | ✗ | ✓ | ✓✓ | ✗ | ✗ |
|
| serif | ✓ | ✗ | ✓ | ✓✓ | ✗ | ✗ | ✓ |
|
||||||
| display | ✓✓ | ✓ | ✓ | ✓✓ | ✓✓ | ✓ |
|
| display | ✓✓ | ✓ | ✓ | ✓✓ | ✓✓ | ✓ | ✓✓ |
|
||||||
|
|
||||||
✓✓ = highly recommended | ✓ = compatible | ✗ = not recommended
|
✓✓ = highly recommended | ✓ = compatible | ✗ = not recommended
|
||||||
|
|
||||||
@@ -148,6 +148,7 @@ Font style adapts to palette characteristics:
|
|||||||
| Cool (cool, mono, elegant) | Perfect match | Contrast | Classic pairing | Bold statement |
|
| Cool (cool, mono, elegant) | Perfect match | Contrast | Classic pairing | Bold statement |
|
||||||
| Dark (dark, vivid) | High contrast | Glow effects | Dramatic | Maximum impact |
|
| Dark (dark, vivid) | High contrast | Glow effects | Dramatic | Maximum impact |
|
||||||
| Vintage (retro) | Modern contrast | Nostalgic fit | Period-appropriate | Retro headlines |
|
| Vintage (retro) | Modern contrast | Nostalgic fit | Period-appropriate | Retro headlines |
|
||||||
|
| Duotone (duotone) | Sharp contrast | Not recommended | Dramatic pairing | Cinematic impact |
|
||||||
|
|
||||||
## Auto Selection
|
## Auto Selection
|
||||||
|
|
||||||
|
|||||||
@@ -112,6 +112,7 @@ Mood modifies the base palette characteristics:
|
|||||||
| Cool palettes (cool, mono, elegant) | Lighter lines, muted colors | Standard colors | Stronger contrast, sharper definition |
|
| Cool palettes (cool, mono, elegant) | Lighter lines, muted colors | Standard colors | Stronger contrast, sharper definition |
|
||||||
| Dark palettes (dark, vivid) | Reduced contrast, softer glow | Standard colors | Maximum impact, vivid saturation |
|
| Dark palettes (dark, vivid) | Reduced contrast, softer glow | Standard colors | Maximum impact, vivid saturation |
|
||||||
| Vintage palettes (retro) | More faded, sepia-heavy | Standard colors | Bolder retro contrasts |
|
| Vintage palettes (retro) | More faded, sepia-heavy | Standard colors | Bolder retro contrasts |
|
||||||
|
| Duotone palettes (duotone) | Softer contrast between pair | Standard two-color split | Maximum contrast, stark separation |
|
||||||
|
|
||||||
## Rendering Interaction
|
## Rendering Interaction
|
||||||
|
|
||||||
@@ -125,6 +126,7 @@ Mood adjusts rendering characteristics:
|
|||||||
| digital | Reduced shadows, lower contrast | Standard rendering | Stronger shadows, sharper edges |
|
| digital | Reduced shadows, lower contrast | Standard rendering | Stronger shadows, sharper edges |
|
||||||
| pixel | Fewer colors, simpler shapes | Standard palette | More colors, denser pixel detail |
|
| pixel | Fewer colors, simpler shapes | Standard palette | More colors, denser pixel detail |
|
||||||
| chalk | Lighter chalk, more board showing | Standard chalk | Heavy chalk, vivid colors, dense marks |
|
| chalk | Lighter chalk, more board showing | Standard chalk | Heavy chalk, vivid colors, dense marks |
|
||||||
|
| screen-print | Fewer colors (2), lighter halftone | Standard 3-4 colors, medium halftone | More colors (4-5), dense halftone, stronger misregistration |
|
||||||
|
|
||||||
## Auto Selection
|
## Auto Selection
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,39 @@
|
|||||||
|
# duotone
|
||||||
|
|
||||||
|
Dramatic, cinematic, two-color high contrast
|
||||||
|
|
||||||
|
## Color Palette
|
||||||
|
|
||||||
|
| Role | Color | Hex |
|
||||||
|
|------|-------|-----|
|
||||||
|
| Primary 1 | Burnt Orange | #E8751A |
|
||||||
|
| Primary 2 | Deep Teal | #0A6E6E |
|
||||||
|
| Background | Off-Black | #121212 |
|
||||||
|
| Background Alt | Dark Charcoal | #1E1E1E |
|
||||||
|
| Accent 1 | Warm Cream | #F5E6D0 |
|
||||||
|
| Accent 2 | Amber Highlight | #F4A623 |
|
||||||
|
|
||||||
|
## Duotone Pair Options
|
||||||
|
|
||||||
|
Choose ONE pair based on content mood. The two colors dominate the entire image:
|
||||||
|
|
||||||
|
| Pair | Color A | Color B | Feel |
|
||||||
|
|------|---------|---------|------|
|
||||||
|
| Orange + Teal | #E8751A | #0A6E6E | Cinematic, action |
|
||||||
|
| Red + Cream | #C0392B | #F5E6D0 | Bold, classic |
|
||||||
|
| Blue + Gold | #1A3A5C | #D4A843 | Prestigious, premium |
|
||||||
|
| Purple + Green | #6B3FA0 | #2ECC71 | Futuristic, contrast |
|
||||||
|
| Magenta + Cyan | #C2185B | #00BCD4 | Vibrant, pop |
|
||||||
|
| Crimson + Navy | #DC143C | #0D1B2A | Dramatic, noir |
|
||||||
|
|
||||||
|
## Decorative Hints
|
||||||
|
|
||||||
|
- Stark two-color separation across entire composition
|
||||||
|
- Halftone transitions between the two colors
|
||||||
|
- Silhouettes in one color against the other
|
||||||
|
- Minimal use of third color (only for small highlights)
|
||||||
|
- High contrast figure-ground relationships
|
||||||
|
|
||||||
|
## Best For
|
||||||
|
|
||||||
|
Movie posters, album covers, concert prints, dramatic announcements, cinematic content, bold branding, editorial covers, artistic campaigns
|
||||||
@@ -0,0 +1,44 @@
|
|||||||
|
# screen-print
|
||||||
|
|
||||||
|
Bold, limited-color poster art with print texture
|
||||||
|
|
||||||
|
## Core Characteristics
|
||||||
|
|
||||||
|
Screen print / silkscreen aesthetic with flat color blocks, halftone textures, and deliberate print imperfections. Think Mondo limited-edition posters, vintage concert prints, and alternative movie poster art.
|
||||||
|
|
||||||
|
## Lines
|
||||||
|
|
||||||
|
- Clean, sharp edges between color blocks
|
||||||
|
- No outlines — shapes defined by color boundaries
|
||||||
|
- Stencil-cut quality, bold silhouettes
|
||||||
|
- Geometric shapes with precise registration
|
||||||
|
|
||||||
|
## Texture
|
||||||
|
|
||||||
|
- Halftone dot patterns within color fills
|
||||||
|
- Slight color layer misregistration (offset between print layers)
|
||||||
|
- Paper grain texture beneath colors
|
||||||
|
- Risograph / screen print imperfections (ink spread, dot gain)
|
||||||
|
|
||||||
|
## Depth
|
||||||
|
|
||||||
|
- Flat color planes layered front to back
|
||||||
|
- Depth through silhouette overlap and color layering
|
||||||
|
- No gradients — tonal variation via halftone density
|
||||||
|
- Negative space as active compositional element
|
||||||
|
|
||||||
|
## Element Vocabulary
|
||||||
|
|
||||||
|
- Bold silhouettes and symbolic shapes
|
||||||
|
- Geometric framing (circles, arches, triangles)
|
||||||
|
- Figure-ground inversion (negative space forms secondary image)
|
||||||
|
- Limited icon vocabulary: key props, symbolic objects
|
||||||
|
- Typography integrated as design element, not overlay
|
||||||
|
- Vintage poster border treatments
|
||||||
|
|
||||||
|
## Typography Approach
|
||||||
|
|
||||||
|
- Bold condensed sans-serif or hand-drawn lettering
|
||||||
|
- Art Deco influences, vintage poster typography
|
||||||
|
- Typography as integral part of composition (not separate layer)
|
||||||
|
- Strong readability through high contrast with background
|
||||||
@@ -24,6 +24,11 @@
|
|||||||
| `warm` | `warm` | `hand-drawn` |
|
| `warm` | `warm` | `hand-drawn` |
|
||||||
| `warm-flat` | `warm` | `flat-vector` |
|
| `warm-flat` | `warm` | `flat-vector` |
|
||||||
| `watercolor` | `earth` | `painterly` |
|
| `watercolor` | `earth` | `painterly` |
|
||||||
|
| `poster-art` | `retro` | `screen-print` |
|
||||||
|
| `mondo` | `mono` | `screen-print` |
|
||||||
|
| `art-deco` | `elegant` | `screen-print` |
|
||||||
|
| `propaganda` | `vivid` | `screen-print` |
|
||||||
|
| `cinematic` | `duotone` | `screen-print` |
|
||||||
|
|
||||||
## Override Examples
|
## Override Examples
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user