Add creative/baoyu-visual-content
This commit is contained in:
@@ -0,0 +1,133 @@
|
|||||||
|
---
|
||||||
|
name: baoyu-visual-content
|
||||||
|
description: "Visual content generation by 宝玉: article illustrations (Type×Style×Palette), knowledge comics, and infographics (21 layouts × 21 styles)."
|
||||||
|
version: 2.0.0
|
||||||
|
author: 宝玉 (JimLiu) / Hermes Agent
|
||||||
|
license: MIT
|
||||||
|
platforms: [linux, macos, windows]
|
||||||
|
metadata:
|
||||||
|
hermes:
|
||||||
|
tags: [article-illustration, comic, infographic, creative, image-generation, baoyu]
|
||||||
|
homepage: https://github.com/JimLiu/baoyu-skills
|
||||||
|
---
|
||||||
|
|
||||||
|
# Baoyu Visual Content Generation
|
||||||
|
|
||||||
|
Three visual content modes from the [baoyu-skills](https://github.com/JimLiu/baoyu-skills) project, all built on the same `image_generate` workflow: analyze → confirm settings → generate prompts → generate images → download & finalize.
|
||||||
|
|
||||||
|
## Shared Workflow (All Three Modes)
|
||||||
|
|
||||||
|
### Core `image_generate` Rules
|
||||||
|
- `image_generate` accepts only `prompt` (string) and `aspect_ratio` (`landscape`|`portrait`|`square`)
|
||||||
|
- It returns a **URL** — always download via `curl -fsSL -o <abspath> "<url>"`
|
||||||
|
- **Always use absolute paths for download** — never rely on CWD persistence across batches
|
||||||
|
- Never write model names into prompts expecting routing — the backend is user-configured
|
||||||
|
|
||||||
|
### Shared Principles
|
||||||
|
- **Preserve source data faithfully** — no paraphrasing, no summarizing of statistics
|
||||||
|
- **Strip secrets** — scan for API keys/tokens/credentials before writing output
|
||||||
|
- **Prompt files are mandatory** — every image must have a saved prompt file before generation
|
||||||
|
- **Backup before overwrite** — existing files get `-backup-YYYYMMDD-HHMMSS` suffix
|
||||||
|
- Reference images: use `vision_analyze` to extract traits as text; `image_generate` doesn't accept image inputs
|
||||||
|
|
||||||
|
### Language Handling
|
||||||
|
1. User-specified language (explicit option)
|
||||||
|
2. User's conversation language
|
||||||
|
3. Source content language
|
||||||
|
Use the input language for ALL interactions including prompts.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Mode 1: Article Illustrator
|
||||||
|
|
||||||
|
Illustrate articles with **Type × Style × Palette** consistency.
|
||||||
|
|
||||||
|
| Dimension | Controls | Examples |
|
||||||
|
|-----------|----------|----------|
|
||||||
|
| **Type** | Info structure | infographic, scene, flowchart, comparison, framework, timeline |
|
||||||
|
| **Style** | Rendering | notion, warm, minimal, blueprint, watercolor, elegant + 18 more |
|
||||||
|
| **Palette** | Color scheme | macaron, warm, neon — overrides style defaults |
|
||||||
|
|
||||||
|
Presets combine type+style+palette in one shot (e.g., `edu-visual`).
|
||||||
|
|
||||||
|
### Workflow
|
||||||
|
1. Detect reference images (if provided) → `vision_analyze`
|
||||||
|
2. Analyze content → `{output-dir}/analysis.md`
|
||||||
|
3. Confirm settings (clarify tool, one question at a time)
|
||||||
|
4. Generate outline → `{output-dir}/outline.md`
|
||||||
|
5. Generate prompts (BLOCKING — every prompt saved before any image) → `{output-dir}/prompts/`
|
||||||
|
6. Generate images → download to `{output-dir}/`
|
||||||
|
7. Finalize — insert `` after corresponding paragraphs
|
||||||
|
|
||||||
|
### Output Directory
|
||||||
|
- Article file path → `{article-dir}/imgs/`
|
||||||
|
- Pasted content → `illustrations/{topic-slug}/`
|
||||||
|
|
||||||
|
See `references/article-illustrator/` for full workflow, style gallery, palette options, and prompt construction templates.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Mode 2: Knowledge Comics
|
||||||
|
|
||||||
|
Create educational/biography/tutorial comics with flexible art × tone combinations.
|
||||||
|
|
||||||
|
### Visual Dimensions
|
||||||
|
| Option | Values |
|
||||||
|
|--------|--------|
|
||||||
|
| Art | ligne-claire (default), manga, realistic, ink-brush, chalk, minimalist |
|
||||||
|
| Tone | neutral, warm, dramatic, romantic, energetic, vintage, action |
|
||||||
|
| Layout | standard, cinematic, dense, splash, mixed, webtoon, four-panel |
|
||||||
|
| Aspect | 3:4 (portrait default), 4:3, 16:9 |
|
||||||
|
|
||||||
|
### Presets
|
||||||
|
| Preset | Equivalent | Hook |
|
||||||
|
|--------|-----------|------|
|
||||||
|
| `ohmsha` | manga + neutral | Visual metaphors, gadget reveals |
|
||||||
|
| `wuxia` | ink-brush + action | Qi effects, combat visuals |
|
||||||
|
| `shoujo` | manga + romantic | Decorative, eye details |
|
||||||
|
| `concept-story` | manga + warm | Symbol system, growth arc |
|
||||||
|
| `four-panel` | minimalist + neutral + four-panel | 起承转合 structure |
|
||||||
|
|
||||||
|
### Workflow
|
||||||
|
1. Setup & Analyze content → `analysis.md`
|
||||||
|
2. Confirm style & options (clarify tool, one question at a time; handle timeout per-question)
|
||||||
|
3. Generate storyboard + characters → `storyboard.md`, `characters/characters.md`
|
||||||
|
4. Review outline (if requested)
|
||||||
|
5. Generate prompts (character descriptions embedded inline) → `prompts/`
|
||||||
|
6. Review prompts (if requested)
|
||||||
|
7. Generate images: character sheet (7.1) then pages (7.2)
|
||||||
|
8. Completion report
|
||||||
|
|
||||||
|
### Key Rules
|
||||||
|
- Character consistency: text descriptions from `characters/characters.md` embedded in every page prompt
|
||||||
|
- Character PNG sheet is a human-facing review artifact, NOT an input to `image_generate`
|
||||||
|
- Use absolute paths for `curl -o` (silent footgun: batch CWD drift)
|
||||||
|
|
||||||
|
See `references/comic/` for full art/tone/preset definitions, layout guides, and partial workflow options.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Mode 3: Infographics
|
||||||
|
|
||||||
|
Two dimensions: **layout** (information structure) × **style** (visual aesthetics). Freely combine any layout with any style.
|
||||||
|
|
||||||
|
### 21 Layouts
|
||||||
|
`linear-progression`, `binary-comparison`, `comparison-matrix`, `hierarchical-layers`, `tree-branching`, `hub-spoke`, `structural-breakdown`, `bento-grid` (default), `iceberg`, `bridge`, `funnel`, `isometric-map`, `dashboard`, `periodic-table`, `comic-strip`, `story-mountain`, `jigsaw`, `venn-diagram`, `winding-roadmap`, `circular-flow`, `dense-modules`
|
||||||
|
|
||||||
|
### 21 Styles
|
||||||
|
`craft-handmade` (default), `claymation`, `kawaii`, `storybook-watercolor`, `chalkboard`, `cyberpunk-neon`, `bold-graphic`, `aged-academia`, `corporate-memphis`, `technical-schematic`, `origami`, `pixel-art`, `ui-wireframe`, `subway-map`, `ikea-manual`, `knolling`, `lego-brick`, `pop-laboratory`, `morandi-journal`, `retro-pop-grid`, `hand-drawn-edu`
|
||||||
|
|
||||||
|
### Keyword Shortcuts
|
||||||
|
- 高密度信息大图 / high-density-info → `dense-modules` layout
|
||||||
|
- 信息图 / infographic → `bento-grid` layout
|
||||||
|
|
||||||
|
### Workflow
|
||||||
|
1. Analyze content → `analysis.md` (backup existing)
|
||||||
|
2. Generate structured content → `structured-content.md`
|
||||||
|
3. Recommend 3-5 layout×style combos
|
||||||
|
4. Confirm options (clarify tool)
|
||||||
|
5. Generate prompt → `prompts/infographic.md` (load layout+style definitions from references)
|
||||||
|
6. Generate image
|
||||||
|
7. Output summary
|
||||||
|
|
||||||
|
See `references/infographic/` for all layout/style definitions, analysis framework, and structured-content templates.
|
||||||
Reference in New Issue
Block a user