diff --git a/.claude-plugin/marketplace.json b/.claude-plugin/marketplace.json index cc8867e..93d128c 100644 --- a/.claude-plugin/marketplace.json +++ b/.claude-plugin/marketplace.json @@ -6,7 +6,7 @@ }, "metadata": { "description": "Skills shared by Baoyu for improving daily work efficiency", - "version": "1.16.0" + "version": "1.17.0" }, "plugins": [ { diff --git a/CHANGELOG.md b/CHANGELOG.md index b96183b..2e4ac15 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,18 @@ English | [中文](./CHANGELOG.zh.md) +## 1.17.0 - 2026-01-23 + +### Features +- `baoyu-cover-image`: adds user preferences support via EXTEND.md—configure watermark (content, position, opacity), preferred type/style, default aspect ratio, and custom styles. New Step 0 checks for preferences at project (`.baoyu-skills/`) or user (`~/.baoyu-skills/`) level with first-time setup flow. + +### Refactor +- `baoyu-cover-image`: restructures to Type × Style two-dimension system—adds 6 types (`hero`, `conceptual`, `typography`, `metaphor`, `scene`, `minimal`) that control visual composition, while 20 styles control aesthetics. New `--type` and `--aspect` options, Type × Style compatibility matrix, and structured workflow with progress checklist. + +### Documentation +- `baoyu-cover-image`: adds three reference documents—`references/config/preferences-schema.md` (EXTEND.md YAML schema), `references/config/first-time-setup.md` (setup flow), `references/config/watermark-guide.md` (watermark configuration). +- `README.md`, `README.zh.md`: updates baoyu-cover-image documentation to reflect new Type × Style system with `--type` and `--aspect` options. + ## 1.16.0 - 2026-01-23 ### Features diff --git a/CHANGELOG.zh.md b/CHANGELOG.zh.md index 9a98191..20e463a 100644 --- a/CHANGELOG.zh.md +++ b/CHANGELOG.zh.md @@ -2,6 +2,18 @@ [English](./CHANGELOG.md) | 中文 +## 1.17.0 - 2026-01-23 + +### 新功能 +- `baoyu-cover-image`:新增用户偏好设置支持(通过 EXTEND.md 配置)——可设置水印(内容、位置、透明度)、首选类型/风格、默认宽高比和自定义风格。新增 Step 0 检查项目级(`.baoyu-skills/`)或用户级(`~/.baoyu-skills/`)偏好设置,首次使用时引导设置。 + +### 重构 +- `baoyu-cover-image`:重构为类型 × 风格二维系统——新增 6 种类型(`hero` 主视觉、`conceptual` 概念、`typography` 文字、`metaphor` 隐喻、`scene` 场景、`minimal` 极简)控制视觉构图,20 种风格控制美学表现。新增 `--type` 和 `--aspect` 选项、类型 × 风格兼容性矩阵,以及带进度清单的结构化工作流。 + +### 文档 +- `baoyu-cover-image`:新增三个参考文档——`references/config/preferences-schema.md`(EXTEND.md YAML 配置模式)、`references/config/first-time-setup.md`(首次设置流程)、`references/config/watermark-guide.md`(水印配置指南)。 +- `README.md`、`README.zh.md`:更新 baoyu-cover-image 文档,反映新的类型 × 风格系统及 `--type` 和 `--aspect` 选项。 + ## 1.16.0 - 2026-01-23 ### 新功能 diff --git a/README.md b/README.md index f75f340..2dfb411 100644 --- a/README.md +++ b/README.md @@ -245,20 +245,25 @@ Generate professional infographics with 20 layout types and 17 visual styles. An #### baoyu-cover-image -Generate hand-drawn style cover images for articles with multiple style options. +Generate cover images for articles with Type × Style two-dimension system. ```bash -# From markdown file (auto-select style) +# Auto-select type and style based on content /baoyu-cover-image path/to/article.md -# Specify a style -/baoyu-cover-image path/to/article.md --style tech +# Specify type and/or style +/baoyu-cover-image path/to/article.md --type conceptual --style blueprint /baoyu-cover-image path/to/article.md --style warm +# Specify aspect ratio (default: 2.35:1) +/baoyu-cover-image path/to/article.md --aspect 16:9 + # Without title text /baoyu-cover-image path/to/article.md --no-title ``` +Available types: `hero`, `conceptual`, `typography`, `metaphor`, `scene`, `minimal` + Available styles: `elegant` (default), `blueprint`, `bold-editorial`, `chalkboard`, `dark-atmospheric`, `editorial-infographic`, `fantasy-animation`, `flat-doodle`, `intuition-machine`, `minimal`, `nature`, `notion`, `pixel-art`, `playful`, `retro`, `sketch-notes`, `vector-illustration`, `vintage`, `warm`, `watercolor` **Style Previews**: diff --git a/README.zh.md b/README.zh.md index c50bf8e..2d79109 100644 --- a/README.zh.md +++ b/README.zh.md @@ -245,20 +245,25 @@ npx skills add jimliu/baoyu-skills #### baoyu-cover-image -为文章生成手绘风格封面图,支持多种风格选项。 +为文章生成封面图,支持类型 × 风格二维系统。 ```bash -# 从 markdown 文件生成(自动选择风格) +# 根据内容自动选择类型和风格 /baoyu-cover-image path/to/article.md -# 指定风格 -/baoyu-cover-image path/to/article.md --style tech +# 指定类型和/或风格 +/baoyu-cover-image path/to/article.md --type conceptual --style blueprint /baoyu-cover-image path/to/article.md --style warm +# 指定宽高比(默认:2.35:1) +/baoyu-cover-image path/to/article.md --aspect 16:9 + # 不包含标题文字 /baoyu-cover-image path/to/article.md --no-title ``` +可用类型:`hero`、`conceptual`、`typography`、`metaphor`、`scene`、`minimal` + 可用风格:`elegant`(默认)、`blueprint`、`bold-editorial`、`chalkboard`、`dark-atmospheric`、`editorial-infographic`、`fantasy-animation`、`flat-doodle`、`intuition-machine`、`minimal`、`nature`、`notion`、`pixel-art`、`playful`、`retro`、`sketch-notes`、`vector-illustration`、`vintage`、`warm`、`watercolor` **风格预览**: diff --git a/skills/baoyu-cover-image/SKILL.md b/skills/baoyu-cover-image/SKILL.md index 901d5c0..eb3b8f1 100644 --- a/skills/baoyu-cover-image/SKILL.md +++ b/skills/baoyu-cover-image/SKILL.md @@ -1,35 +1,33 @@ --- name: baoyu-cover-image -description: Generate elegant cover images for articles. Analyzes content and creates eye-catching hand-drawn style cover images with multiple style options. Use when user asks to "generate cover image", "create article cover", or "make a cover for article". +description: Generates article cover images with 20 hand-drawn styles and auto-style selection. Supports cinematic (2.35:1), widescreen (16:9), and square (1:1) aspects. Use when user asks to "generate cover image", "create article cover", "make cover", or mentions "封面图". --- # Cover Image Generator -Generate hand-drawn style cover images for articles with multiple style options. +Generate elegant cover images for articles with multiple style options. ## Usage ```bash -# From markdown file (auto-select style based on content) +# Auto-select style and aspect based on content /baoyu-cover-image path/to/article.md -# Specify a style -/baoyu-cover-image path/to/article.md --style blueprint -/baoyu-cover-image path/to/article.md --style warm -/baoyu-cover-image path/to/article.md --style dark-atmospheric +# Specify style +/baoyu-cover-image article.md --style blueprint -# Without title text -/baoyu-cover-image path/to/article.md --no-title +# Specify aspect ratio +/baoyu-cover-image article.md --aspect 16:9 -# Combine options -/baoyu-cover-image path/to/article.md --style minimal --no-title +# Visual only (no title text) +/baoyu-cover-image article.md --no-title -# From direct text input +# Direct content input /baoyu-cover-image -[paste content or describe the topic] +[paste content] -# Direct input with style -/baoyu-cover-image --style playful +# Direct input with options +/baoyu-cover-image --style notion --aspect 1:1 [paste content] ``` @@ -37,249 +35,464 @@ Generate hand-drawn style cover images for articles with multiple style options. | Option | Description | |--------|-------------| -| `--style ` | Specify cover style (see Style Gallery below) | -| `--aspect ` | Aspect ratio: 2.35:1 (cinematic, default), 16:9 (widescreen), 1:1 (social) | -| `--lang ` | Output language for title text (en, zh, ja, etc.) | -| `--no-title` | Generate cover without title text (visual only) | +| `--type ` | Cover type (see Type Gallery) | +| `--style ` | Cover style (see Style Gallery) | +| `--aspect ` | 2.35:1 (default), 16:9, 1:1 | +| `--lang ` | Title language (en, zh, ja, etc.) | +| `--no-title` | Visual only, no title text | + +## Two Dimensions + +| Dimension | Controls | Examples | +|-----------|----------|----------| +| **Type** | Visual composition, information structure | hero, conceptual, typography, metaphor, scene, minimal | +| **Style** | Visual aesthetics, colors, mood | elegant, blueprint, notion, warm, minimal, watercolor | + +Type × Style can be freely combined. Example: `--type conceptual --style blueprint` creates technical concept visualization with schematic aesthetics. + +## Type Gallery + +| Type | Description | Best For | +|------|-------------|----------| +| `hero` | Large visual impact, title overlay | Product launch, brand promotion, major announcements | +| `conceptual` | Concept visualization, abstract core ideas | Technical articles, methodology, architecture design | +| `typography` | Text-focused layout, prominent title | Opinion pieces, quotes, insights | +| `metaphor` | Visual metaphor, concrete expressing abstract | Philosophy, growth, personal development | +| `scene` | Atmospheric scene, narrative feel | Stories, travel, lifestyle | +| `minimal` | Minimalist composition, generous whitespace | Zen, focus, core concepts | + +## Auto Type Selection + +When `--type` is omitted, select based on content signals: + +| Signals | Type | +|---------|------| +| Product, launch, announcement, release, reveal | `hero` | +| Architecture, framework, system, API, technical, model | `conceptual` | +| Quote, opinion, insight, thought, headline, statement | `typography` | +| Philosophy, growth, abstract, meaning, reflection | `metaphor` | +| Story, journey, travel, lifestyle, experience, narrative | `scene` | +| Zen, focus, essential, core, simple, pure | `minimal` | ## Style Gallery | Style | Description | |-------|-------------| -| `elegant` (Default) | Refined, sophisticated, understated | -| `flat-doodle` | Bold outlines, pastel colors, cute rounded shapes | -| `blueprint` | Technical schematics, engineering precision | -| `bold-editorial` | Magazine cover impact, dramatic typography | -| `chalkboard` | Black chalkboard, colorful chalk drawings | -| `dark-atmospheric` | Cinematic dark mode, glowing accents | -| `editorial-infographic` | Magazine explainer, visual storytelling | -| `fantasy-animation` | Ghibli/Disney inspired, whimsical charm | -| `intuition-machine` | Technical briefing, bilingual labels | -| `minimal` | Ultra-clean, zen-like, focused | -| `nature` | Organic, calm, earthy | -| `notion` | Clean SaaS dashboard, productivity styling | -| `pixel-art` | Retro 8-bit, nostalgic gaming aesthetic | -| `playful` | Fun, creative, whimsical | -| `retro` | Halftone dots, vintage badges, classic | -| `sketch-notes` | Hand-drawn, educational, warm | -| `vector-illustration` | Flat vector, black outlines, retro colors | -| `vintage` | Aged paper, historical, expedition style | -| `warm` | Friendly, approachable, human-centered | -| `watercolor` | Soft hand-painted, natural warmth | +| `elegant` (default) | Refined, sophisticated | +| `blueprint` | Technical schematics | +| `bold-editorial` | Magazine impact | +| `chalkboard` | Chalk on blackboard | +| `dark-atmospheric` | Cinematic dark mode | +| `editorial-infographic` | Visual storytelling | +| `fantasy-animation` | Ghibli/Disney inspired | +| `flat-doodle` | Pastel, cute shapes | +| `intuition-machine` | Technical, bilingual | +| `minimal` | Ultra-clean, zen | +| `nature` | Organic, earthy | +| `notion` | SaaS dashboard | +| `pixel-art` | Retro 8-bit | +| `playful` | Fun, whimsical | +| `retro` | Halftone, vintage | +| `sketch-notes` | Hand-drawn, warm | +| `vector-illustration` | Flat vector | +| `vintage` | Aged, expedition | +| `warm` | Friendly, human | +| `watercolor` | Soft hand-painted | -Detailed style definitions: `references/styles/