Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| aea27950ad | |||
| 76ddcf134e | |||
| 5a0feba96e |
@@ -6,7 +6,7 @@
|
|||||||
},
|
},
|
||||||
"metadata": {
|
"metadata": {
|
||||||
"description": "Skills shared by Baoyu for improving daily work efficiency",
|
"description": "Skills shared by Baoyu for improving daily work efficiency",
|
||||||
"version": "1.1.0"
|
"version": "1.3.0"
|
||||||
},
|
},
|
||||||
"plugins": [
|
"plugins": [
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -2,6 +2,26 @@
|
|||||||
|
|
||||||
English | [中文](./CHANGELOG.zh.md)
|
English | [中文](./CHANGELOG.zh.md)
|
||||||
|
|
||||||
|
## 1.3.0 - 2026-01-18
|
||||||
|
|
||||||
|
### Features
|
||||||
|
- `baoyu-comic`: adds `wuxia` style—Hong Kong martial arts comic style with ink brush strokes, dynamic combat poses, and qi energy effects. Best for wuxia/xianxia and Chinese historical fiction.
|
||||||
|
- `baoyu-comic`: adds style and layout preview screenshots for all 8 styles and 6 layouts in README.
|
||||||
|
|
||||||
|
### Refactor
|
||||||
|
- `baoyu-comic`: removes `tech` style (replaced by `ohmsha` for technical content).
|
||||||
|
|
||||||
|
## 1.2.0 - 2026-01-18
|
||||||
|
|
||||||
|
### Features
|
||||||
|
- Session-independent output directories: each generation session creates a new directory (`<skill-suffix>/<topic-slug>/`), even for the same source file. Conflicts resolved by appending timestamp.
|
||||||
|
- Multi-source file support: source files now saved as `source-{slug}.{ext}`, supporting multiple inputs (text, images, files from conversation).
|
||||||
|
|
||||||
|
### Documentation
|
||||||
|
- `CLAUDE.md`: updates Output Path Convention with new session-independent directory structure and multi-source file naming.
|
||||||
|
- Multiple skills: updates file management sections to reflect new directory and source file conventions.
|
||||||
|
- `baoyu-slide-deck`, `baoyu-article-illustrator`, `baoyu-cover-image`, `baoyu-xhs-images`, `baoyu-comic`
|
||||||
|
|
||||||
## 1.1.0 - 2026-01-18
|
## 1.1.0 - 2026-01-18
|
||||||
|
|
||||||
### Features
|
### Features
|
||||||
|
|||||||
@@ -2,6 +2,26 @@
|
|||||||
|
|
||||||
[English](./CHANGELOG.md) | 中文
|
[English](./CHANGELOG.md) | 中文
|
||||||
|
|
||||||
|
## 1.3.0 - 2026-01-18
|
||||||
|
|
||||||
|
### 新功能
|
||||||
|
- `baoyu-comic`:新增 `wuxia` 武侠风格——港漫武侠风格,水墨笔触、动态打斗、气功特效。适用于武侠、仙侠、中国历史小说。
|
||||||
|
- `baoyu-comic`:README 新增风格和布局预览截图(8 种风格 + 6 种布局)。
|
||||||
|
|
||||||
|
### 重构
|
||||||
|
- `baoyu-comic`:移除 `tech` 风格(技术内容改用 `ohmsha` 风格)。
|
||||||
|
|
||||||
|
## 1.2.0 - 2026-01-18
|
||||||
|
|
||||||
|
### 新功能
|
||||||
|
- Session 独立输出目录:每次生成创建独立目录(`<skill-suffix>/<topic-slug>/`),即使是同一源文件也会新建目录。目录冲突时追加时间戳。
|
||||||
|
- 多源文件支持:源文件现以 `source-{slug}.{ext}` 命名,支持多个输入(文本、图片、会话中的文件)。
|
||||||
|
|
||||||
|
### 文档
|
||||||
|
- `CLAUDE.md`:更新 Output Path Convention,采用新的 session 独立目录结构和多源文件命名规范。
|
||||||
|
- 多个技能:更新文件管理部分,反映新的目录和源文件规范。
|
||||||
|
- `baoyu-slide-deck`、`baoyu-article-illustrator`、`baoyu-cover-image`、`baoyu-xhs-images`、`baoyu-comic`
|
||||||
|
|
||||||
## 1.1.0 - 2026-01-18
|
## 1.1.0 - 2026-01-18
|
||||||
|
|
||||||
### 新功能
|
### 新功能
|
||||||
|
|||||||
@@ -173,27 +173,33 @@ Use this template when implementing image generation in skills:
|
|||||||
|
|
||||||
### Output Path Convention
|
### Output Path Convention
|
||||||
|
|
||||||
Generated images from the same skill and source file MUST be grouped together:
|
Each session creates an independent directory. Even the same source file generates a new directory per session.
|
||||||
|
|
||||||
**With source file** (e.g., `/path/to/project/content/my-article.md`):
|
**Output Directory**:
|
||||||
```
|
```
|
||||||
/path/to/project/content/my-article/<skill-suffix>/
|
<skill-suffix>/<topic-slug>/
|
||||||
```
|
```
|
||||||
- Remove file extension from source filename
|
- `<skill-suffix>`: Skill name suffix (e.g., `xhs-images`, `cover-image`, `slide-deck`, `comic`)
|
||||||
- Use skill name suffix (e.g., `xhs-images`, `cover-image`, `slide-deck`)
|
- `<topic-slug>`: Generated from content topic (2-4 words, kebab-case)
|
||||||
- Example: source `/tests-data/anthropic-economic-index.md` + skill `baoyu-xhs-images` → `/tests-data/anthropic-economic-index/xhs-images/`
|
- Example: `xhs-images/ai-future-trends/`
|
||||||
|
|
||||||
**Without source file**:
|
**Slug Generation**:
|
||||||
```
|
1. Extract main topic from content (2-4 words, kebab-case)
|
||||||
./<skill-suffix>/<source-slug>/
|
2. Example: "Introduction to Machine Learning" → `intro-machine-learning`
|
||||||
```
|
|
||||||
- Place under current project directory
|
|
||||||
- Use descriptive slug for the content
|
|
||||||
|
|
||||||
**Directory Backup**:
|
**Conflict Resolution**:
|
||||||
- If output directory already exists, rename existing directory with timestamp
|
If `<skill-suffix>/<topic-slug>/` already exists:
|
||||||
- Format: `<dirname>-backup-YYYYMMDD-HHMMSS`
|
- Append timestamp: `<topic-slug>-YYYYMMDD-HHMMSS`
|
||||||
- Example: `xhs-images` → `xhs-images-backup-20260117-143052`
|
- Example: `ai-future` exists → `ai-future-20260118-143052`
|
||||||
|
|
||||||
|
**Source Files**:
|
||||||
|
- Copy all sources to `<skill-suffix>/<topic-slug>/` with naming: `source-{slug}.{ext}`
|
||||||
|
- Multiple sources supported: text, images, files from conversation
|
||||||
|
- Examples:
|
||||||
|
- `source-article.md` (main text content)
|
||||||
|
- `source-reference.png` (image from conversation)
|
||||||
|
- `source-data.csv` (additional file)
|
||||||
|
- Original source files remain unchanged
|
||||||
|
|
||||||
### Image Naming Convention
|
### Image Naming Convention
|
||||||
|
|
||||||
|
|||||||
@@ -31,13 +31,16 @@ Run the following command in Claude Code:
|
|||||||
|
|
||||||
1. Select **Browse and install plugins**
|
1. Select **Browse and install plugins**
|
||||||
2. Select **baoyu-skills**
|
2. Select **baoyu-skills**
|
||||||
3. Select **content-skills**
|
3. Select the plugin(s) you want to install
|
||||||
4. Select **Install now**
|
4. Select **Install now**
|
||||||
|
|
||||||
**Option 2: Direct Install**
|
**Option 2: Direct Install**
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
|
# Install specific plugin
|
||||||
/plugin install content-skills@baoyu-skills
|
/plugin install content-skills@baoyu-skills
|
||||||
|
/plugin install ai-generation-skills@baoyu-skills
|
||||||
|
/plugin install utility-skills@baoyu-skills
|
||||||
```
|
```
|
||||||
|
|
||||||
**Option 3: Ask the Agent**
|
**Option 3: Ask the Agent**
|
||||||
@@ -46,6 +49,14 @@ Simply tell Claude Code:
|
|||||||
|
|
||||||
> Please install Skills from github.com/JimLiu/baoyu-skills
|
> Please install Skills from github.com/JimLiu/baoyu-skills
|
||||||
|
|
||||||
|
### Available Plugins
|
||||||
|
|
||||||
|
| Plugin | Description | Skills |
|
||||||
|
|--------|-------------|--------|
|
||||||
|
| **content-skills** | Content generation and publishing | [xhs-images](#baoyu-xhs-images), [cover-image](#baoyu-cover-image), [slide-deck](#baoyu-slide-deck), [comic](#baoyu-comic), [article-illustrator](#baoyu-article-illustrator), [post-to-x](#baoyu-post-to-x), [post-to-wechat](#baoyu-post-to-wechat) |
|
||||||
|
| **ai-generation-skills** | AI-powered generation backends | [danger-gemini-web](#baoyu-danger-gemini-web) |
|
||||||
|
| **utility-skills** | Utility tools for content processing | [danger-x-to-markdown](#baoyu-danger-x-to-markdown), [compress-image](#baoyu-compress-image) |
|
||||||
|
|
||||||
## Update Skills
|
## Update Skills
|
||||||
|
|
||||||
To update skills to the latest version:
|
To update skills to the latest version:
|
||||||
@@ -203,7 +214,7 @@ Knowledge comic creator supporting multiple styles (Logicomix/Ligne Claire, Ohms
|
|||||||
**Options**:
|
**Options**:
|
||||||
| Option | Values |
|
| Option | Values |
|
||||||
|--------|--------|
|
|--------|--------|
|
||||||
| `--style` | `classic` (default), `dramatic`, `warm`, `tech`, `sepia`, `vibrant`, `ohmsha`, `realistic`, or custom description |
|
| `--style` | `classic` (default), `dramatic`, `warm`, `sepia`, `vibrant`, `ohmsha`, `realistic`, `wuxia`, or custom description |
|
||||||
| `--layout` | `standard` (default), `cinematic`, `dense`, `splash`, `mixed`, `webtoon` |
|
| `--layout` | `standard` (default), `cinematic`, `dense`, `splash`, `mixed`, `webtoon` |
|
||||||
| `--aspect` | `3:4` (default, portrait), `4:3` (landscape), `16:9` (widescreen) |
|
| `--aspect` | `3:4` (default, portrait), `4:3` (landscape), `16:9` (widescreen) |
|
||||||
| `--lang` | `auto` (default), `zh`, `en`, `ja`, etc. |
|
| `--lang` | `auto` (default), `zh`, `en`, `ja`, etc. |
|
||||||
@@ -215,11 +226,22 @@ Knowledge comic creator supporting multiple styles (Logicomix/Ligne Claire, Ohms
|
|||||||
| `classic` (default) | Traditional Ligne Claire with clean uniform outlines, flat colors, detailed backgrounds | Biographies, balanced narratives, educational content |
|
| `classic` (default) | Traditional Ligne Claire with clean uniform outlines, flat colors, detailed backgrounds | Biographies, balanced narratives, educational content |
|
||||||
| `dramatic` | High contrast with heavy shadows, intense expressions, angular compositions | Pivotal discoveries, conflicts, climactic scenes |
|
| `dramatic` | High contrast with heavy shadows, intense expressions, angular compositions | Pivotal discoveries, conflicts, climactic scenes |
|
||||||
| `warm` | Soft edges, golden tones, cozy interiors with nostalgic feel | Personal stories, childhood scenes, mentorship |
|
| `warm` | Soft edges, golden tones, cozy interiors with nostalgic feel | Personal stories, childhood scenes, mentorship |
|
||||||
| `tech` | Precise geometric lines, circuit motifs, neon accents on dark backgrounds | Computing history, AI stories, modern tech |
|
|
||||||
| `sepia` | Vintage illustration style with aged paper effect, period-accurate details | Pre-1950s stories, classical science, historical figures |
|
| `sepia` | Vintage illustration style with aged paper effect, period-accurate details | Pre-1950s stories, classical science, historical figures |
|
||||||
| `vibrant` | Energetic lines with weight variation, bright colors, dynamic poses | Science explanations, "aha" moments, young audience |
|
| `vibrant` | Energetic lines with weight variation, bright colors, dynamic poses | Science explanations, "aha" moments, young audience |
|
||||||
| `ohmsha` | Manga guide style with visual metaphors, gadgets, student/mentor dynamic | Technical tutorials, complex concepts (ML, physics) |
|
| `ohmsha` | Manga guide style with visual metaphors, gadgets, student/mentor dynamic | Technical tutorials, complex concepts (ML, physics) |
|
||||||
| `realistic` | Full-color realistic manga with digital painting, smooth gradients, accurate proportions | Wine, food, business, lifestyle, professional topics |
|
| `realistic` | Full-color realistic manga with digital painting, smooth gradients, accurate proportions | Wine, food, business, lifestyle, professional topics |
|
||||||
|
| `wuxia` | Hong Kong martial arts style with ink brush strokes, dynamic combat, qi effects | Martial arts, wuxia/xianxia, Chinese historical fiction |
|
||||||
|
|
||||||
|
**Style Previews**:
|
||||||
|
|
||||||
|
| | | |
|
||||||
|
|:---:|:---:|:---:|
|
||||||
|
|  |  |  |
|
||||||
|
| classic | dramatic | warm |
|
||||||
|
|  |  |  |
|
||||||
|
| sepia | vibrant | ohmsha |
|
||||||
|
|  |  | |
|
||||||
|
| realistic | wuxia | |
|
||||||
|
|
||||||
**Layouts** (panel arrangement):
|
**Layouts** (panel arrangement):
|
||||||
| Layout | Panels/Page | Best for |
|
| Layout | Panels/Page | Best for |
|
||||||
@@ -231,6 +253,15 @@ Knowledge comic creator supporting multiple styles (Logicomix/Ligne Claire, Ohms
|
|||||||
| `mixed` | 3-7 varies | Complex narratives, emotional arcs |
|
| `mixed` | 3-7 varies | Complex narratives, emotional arcs |
|
||||||
| `webtoon` | 3-5 vertical | Ohmsha tutorials, mobile reading |
|
| `webtoon` | 3-5 vertical | Ohmsha tutorials, mobile reading |
|
||||||
|
|
||||||
|
**Layout Previews**:
|
||||||
|
|
||||||
|
| | | |
|
||||||
|
|:---:|:---:|:---:|
|
||||||
|
|  |  |  |
|
||||||
|
| standard | cinematic | dense |
|
||||||
|
|  |  |  |
|
||||||
|
| splash | mixed | webtoon |
|
||||||
|
|
||||||
#### baoyu-article-illustrator
|
#### baoyu-article-illustrator
|
||||||
|
|
||||||
Smart article illustration skill. Analyzes article content and generates illustrations at positions requiring visual aids.
|
Smart article illustration skill. Analyzes article content and generates illustrations at positions requiring visual aids.
|
||||||
|
|||||||
@@ -31,13 +31,16 @@ npx add-skill jimliu/baoyu-skills
|
|||||||
|
|
||||||
1. 选择 **Browse and install plugins**
|
1. 选择 **Browse and install plugins**
|
||||||
2. 选择 **baoyu-skills**
|
2. 选择 **baoyu-skills**
|
||||||
3. 选择 **content-skills**
|
3. 选择要安装的插件
|
||||||
4. 选择 **Install now**
|
4. 选择 **Install now**
|
||||||
|
|
||||||
**方式二:直接安装**
|
**方式二:直接安装**
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
|
# 安装指定插件
|
||||||
/plugin install content-skills@baoyu-skills
|
/plugin install content-skills@baoyu-skills
|
||||||
|
/plugin install ai-generation-skills@baoyu-skills
|
||||||
|
/plugin install utility-skills@baoyu-skills
|
||||||
```
|
```
|
||||||
|
|
||||||
**方式三:告诉 Agent**
|
**方式三:告诉 Agent**
|
||||||
@@ -46,6 +49,14 @@ npx add-skill jimliu/baoyu-skills
|
|||||||
|
|
||||||
> 请帮我安装 github.com/JimLiu/baoyu-skills 中的 Skills
|
> 请帮我安装 github.com/JimLiu/baoyu-skills 中的 Skills
|
||||||
|
|
||||||
|
### 可用插件
|
||||||
|
|
||||||
|
| 插件 | 说明 | 包含技能 |
|
||||||
|
|------|------|----------|
|
||||||
|
| **content-skills** | 内容生成和发布 | [xhs-images](#baoyu-xhs-images), [cover-image](#baoyu-cover-image), [slide-deck](#baoyu-slide-deck), [comic](#baoyu-comic), [article-illustrator](#baoyu-article-illustrator), [post-to-x](#baoyu-post-to-x), [post-to-wechat](#baoyu-post-to-wechat) |
|
||||||
|
| **ai-generation-skills** | AI 生成后端 | [danger-gemini-web](#baoyu-danger-gemini-web) |
|
||||||
|
| **utility-skills** | 内容处理工具 | [danger-x-to-markdown](#baoyu-danger-x-to-markdown), [compress-image](#baoyu-compress-image) |
|
||||||
|
|
||||||
## 更新技能
|
## 更新技能
|
||||||
|
|
||||||
更新技能到最新版本:
|
更新技能到最新版本:
|
||||||
@@ -203,7 +214,7 @@ npx add-skill jimliu/baoyu-skills
|
|||||||
**选项**:
|
**选项**:
|
||||||
| 选项 | 取值 |
|
| 选项 | 取值 |
|
||||||
|------|------|
|
|------|------|
|
||||||
| `--style` | `classic`(默认)、`dramatic`、`warm`、`tech`、`sepia`、`vibrant`、`ohmsha`、`realistic`,或自然语言描述 |
|
| `--style` | `classic`(默认)、`dramatic`、`warm`、`sepia`、`vibrant`、`ohmsha`、`realistic`、`wuxia`,或自然语言描述 |
|
||||||
| `--layout` | `standard`(默认)、`cinematic`、`dense`、`splash`、`mixed`、`webtoon` |
|
| `--layout` | `standard`(默认)、`cinematic`、`dense`、`splash`、`mixed`、`webtoon` |
|
||||||
| `--aspect` | `3:4`(默认,竖版)、`4:3`(横版)、`16:9`(宽屏) |
|
| `--aspect` | `3:4`(默认,竖版)、`4:3`(横版)、`16:9`(宽屏) |
|
||||||
| `--lang` | `auto`(默认)、`zh`、`en`、`ja` 等 |
|
| `--lang` | `auto`(默认)、`zh`、`en`、`ja` 等 |
|
||||||
@@ -215,11 +226,22 @@ npx add-skill jimliu/baoyu-skills
|
|||||||
| `classic`(默认) | 传统清线风格,统一线条、平涂色彩、精细背景 | 传记、平衡叙事、教育内容 |
|
| `classic`(默认) | 传统清线风格,统一线条、平涂色彩、精细背景 | 传记、平衡叙事、教育内容 |
|
||||||
| `dramatic` | 高对比度,重阴影、紧张表情、棱角分明的构图 | 重大发现、冲突、高潮场景 |
|
| `dramatic` | 高对比度,重阴影、紧张表情、棱角分明的构图 | 重大发现、冲突、高潮场景 |
|
||||||
| `warm` | 柔和边缘、金色调、温馨室内、怀旧感 | 个人故事、童年场景、师生情 |
|
| `warm` | 柔和边缘、金色调、温馨室内、怀旧感 | 个人故事、童年场景、师生情 |
|
||||||
| `tech` | 精确几何线条、电路纹理、深色背景配霓虹色 | 计算机史、AI 故事、现代科技 |
|
|
||||||
| `sepia` | 复古插画风格、做旧纸张效果、时代准确细节 | 1950 年前故事、古典科学、历史人物 |
|
| `sepia` | 复古插画风格、做旧纸张效果、时代准确细节 | 1950 年前故事、古典科学、历史人物 |
|
||||||
| `vibrant` | 富有活力的线条、明亮色彩、动感姿态 | 科学解说、"顿悟"时刻、青少年读者 |
|
| `vibrant` | 富有活力的线条、明亮色彩、动感姿态 | 科学解说、"顿悟"时刻、青少年读者 |
|
||||||
| `ohmsha` | 欧姆社漫画风格,视觉比喻、道具、学生/导师互动 | 技术教程、复杂概念(机器学习、物理) |
|
| `ohmsha` | 欧姆社漫画风格,视觉比喻、道具、学生/导师互动 | 技术教程、复杂概念(机器学习、物理) |
|
||||||
| `realistic` | 全彩写实日漫风格,数字绘画、平滑渐变、准确人体比例 | 红酒、美食、商业、生活方式、专业话题 |
|
| `realistic` | 全彩写实日漫风格,数字绘画、平滑渐变、准确人体比例 | 红酒、美食、商业、生活方式、专业话题 |
|
||||||
|
| `wuxia` | 港漫武侠风格,水墨笔触、动态打斗、气功特效 | 武侠、仙侠、中国历史小说 |
|
||||||
|
|
||||||
|
**风格预览**:
|
||||||
|
|
||||||
|
| | | |
|
||||||
|
|:---:|:---:|:---:|
|
||||||
|
|  |  |  |
|
||||||
|
| classic | dramatic | warm |
|
||||||
|
|  |  |  |
|
||||||
|
| sepia | vibrant | ohmsha |
|
||||||
|
|  |  | |
|
||||||
|
| realistic | wuxia | |
|
||||||
|
|
||||||
**布局**(分镜排列):
|
**布局**(分镜排列):
|
||||||
| 布局 | 每页分镜数 | 适用场景 |
|
| 布局 | 每页分镜数 | 适用场景 |
|
||||||
@@ -231,6 +253,15 @@ npx add-skill jimliu/baoyu-skills
|
|||||||
| `mixed` | 3-7 不等 | 复杂叙事、情感弧线 |
|
| `mixed` | 3-7 不等 | 复杂叙事、情感弧线 |
|
||||||
| `webtoon` | 3-5 竖向 | 欧姆社教程、手机阅读 |
|
| `webtoon` | 3-5 竖向 | 欧姆社教程、手机阅读 |
|
||||||
|
|
||||||
|
**布局预览**:
|
||||||
|
|
||||||
|
| | | |
|
||||||
|
|:---:|:---:|:---:|
|
||||||
|
|  |  |  |
|
||||||
|
| standard | cinematic | dense |
|
||||||
|
|  |  |  |
|
||||||
|
| splash | mixed | webtoon |
|
||||||
|
|
||||||
#### baoyu-article-illustrator
|
#### baoyu-article-illustrator
|
||||||
|
|
||||||
智能文章插图技能。分析文章内容,在需要视觉辅助的位置生成插图。
|
智能文章插图技能。分析文章内容,在需要视觉辅助的位置生成插图。
|
||||||
|
|||||||
|
After Width: | Height: | Size: 100 KiB |
|
After Width: | Height: | Size: 175 KiB |
|
After Width: | Height: | Size: 186 KiB |
|
After Width: | Height: | Size: 199 KiB |
|
After Width: | Height: | Size: 175 KiB |
|
After Width: | Height: | Size: 157 KiB |
|
After Width: | Height: | Size: 158 KiB |
|
After Width: | Height: | Size: 133 KiB |
|
After Width: | Height: | Size: 127 KiB |
|
After Width: | Height: | Size: 179 KiB |
|
After Width: | Height: | Size: 211 KiB |
|
After Width: | Height: | Size: 157 KiB |
|
After Width: | Height: | Size: 186 KiB |
|
After Width: | Height: | Size: 225 KiB |
@@ -102,43 +102,42 @@ When no `--style` is specified, analyze content to select the best style:
|
|||||||
|
|
||||||
## File Management
|
## File Management
|
||||||
|
|
||||||
### With Article Path
|
### Output Directory
|
||||||
|
|
||||||
Save illustrations to `[source-name-no-ext]/illustrations/` subdirectory in the same folder as the article:
|
Each session creates an independent directory named by content slug:
|
||||||
|
|
||||||
```
|
```
|
||||||
path/to/
|
illustrations/{topic-slug}/
|
||||||
├── article.md
|
├── source-{slug}.{ext} # Source files (text, images, etc.)
|
||||||
└── article/
|
├── outline.md
|
||||||
└── illustrations/
|
├── outline-{style}.md # Style variant outlines
|
||||||
├── outline.md
|
├── prompts/
|
||||||
├── prompts/
|
│ ├── illustration-concept-a.md
|
||||||
│ ├── illustration-concept-a.md
|
│ ├── illustration-concept-b.md
|
||||||
│ ├── illustration-concept-b.md
|
│ └── ...
|
||||||
│ └── ...
|
├── illustration-concept-a.png
|
||||||
├── illustration-concept-a.png
|
├── illustration-concept-b.png
|
||||||
├── illustration-concept-b.png
|
└── ...
|
||||||
└── ...
|
|
||||||
```
|
```
|
||||||
|
|
||||||
Example: `/posts/ai-future.md` → `/posts/ai-future/illustrations/`
|
**Slug Generation**:
|
||||||
|
1. Extract main topic from content (2-4 words, kebab-case)
|
||||||
|
2. Example: "The Future of AI" → `future-of-ai`
|
||||||
|
|
||||||
### Without Article Path (Pasted Content)
|
### Conflict Resolution
|
||||||
|
|
||||||
Save to `./illustrations/[topic-slug]/`:
|
If `illustrations/{topic-slug}/` already exists:
|
||||||
|
- Append timestamp: `{topic-slug}-YYYYMMDD-HHMMSS`
|
||||||
|
- Example: `ai-future` exists → `ai-future-20260118-143052`
|
||||||
|
|
||||||
```
|
### Source Files
|
||||||
illustrations/
|
|
||||||
└── ai-future/
|
|
||||||
├── source.md
|
|
||||||
├── outline.md
|
|
||||||
├── prompts/
|
|
||||||
└── *.png
|
|
||||||
```
|
|
||||||
|
|
||||||
### Directory Backup
|
Copy all sources with naming `source-{slug}.{ext}`:
|
||||||
|
- `source-article.md` (main text content)
|
||||||
|
- `source-photo.jpg` (image from conversation)
|
||||||
|
- `source-reference.pdf` (additional file)
|
||||||
|
|
||||||
If target directory exists, rename existing to `<dirname>-backup-YYYYMMDD-HHMMSS`
|
Multiple sources supported: text, images, files from conversation.
|
||||||
|
|
||||||
## Workflow
|
## Workflow
|
||||||
|
|
||||||
|
|||||||
@@ -18,7 +18,7 @@ Create original knowledge comics with multiple visual styles.
|
|||||||
|
|
||||||
| Option | Values |
|
| Option | Values |
|
||||||
|--------|--------|
|
|--------|--------|
|
||||||
| `--style` | classic (default), dramatic, warm, tech, sepia, vibrant, ohmsha, realistic, or custom description |
|
| `--style` | classic (default), dramatic, warm, sepia, vibrant, ohmsha, realistic, wuxia, or custom description |
|
||||||
| `--layout` | standard (default), cinematic, dense, splash, mixed, webtoon |
|
| `--layout` | standard (default), cinematic, dense, splash, mixed, webtoon |
|
||||||
| `--aspect` | 3:4 (default, portrait), 4:3 (landscape), 16:9 (widescreen) |
|
| `--aspect` | 3:4 (default, portrait), 4:3 (landscape), 16:9 (widescreen) |
|
||||||
| `--lang` | auto (default), zh, en, ja, etc. |
|
| `--lang` | auto (default), zh, en, ja, etc. |
|
||||||
@@ -32,11 +32,12 @@ Style × Layout × Aspect can be freely combined. Custom styles can be described
|
|||||||
| Content Signals | Style | Layout |
|
| Content Signals | Style | Layout |
|
||||||
|-----------------|-------|--------|
|
|-----------------|-------|--------|
|
||||||
| Tutorial, how-to, beginner | ohmsha | webtoon |
|
| Tutorial, how-to, beginner | ohmsha | webtoon |
|
||||||
| Computing, AI, programming | tech | dense |
|
| Computing, AI, programming | ohmsha | dense |
|
||||||
| Pre-1950, classical, ancient | sepia | cinematic |
|
| Pre-1950, classical, ancient | sepia | cinematic |
|
||||||
| Personal story, mentor | warm | standard |
|
| Personal story, mentor | warm | standard |
|
||||||
| Conflict, breakthrough | dramatic | splash |
|
| Conflict, breakthrough | dramatic | splash |
|
||||||
| Wine, food, business, lifestyle, professional | realistic | cinematic |
|
| Wine, food, business, lifestyle, professional | realistic | cinematic |
|
||||||
|
| Martial arts, wuxia, xianxia, Chinese historical | wuxia | splash |
|
||||||
| Biography, balanced | classic | mixed |
|
| Biography, balanced | classic | mixed |
|
||||||
|
|
||||||
## Script Directory
|
## Script Directory
|
||||||
@@ -55,9 +56,11 @@ Style × Layout × Aspect can be freely combined. Custom styles can be described
|
|||||||
|
|
||||||
## File Structure
|
## File Structure
|
||||||
|
|
||||||
|
Each session creates an independent directory named by content slug:
|
||||||
|
|
||||||
```
|
```
|
||||||
[target]/
|
comic/{topic-slug}/
|
||||||
├── source.md # Source content (if pasted, not file)
|
├── source-{slug}.{ext} # Source files (text, images, etc.)
|
||||||
├── analysis.md # Deep analysis results (YAML+MD)
|
├── analysis.md # Deep analysis results (YAML+MD)
|
||||||
├── storyboard-chronological.md # Variant A (preserved)
|
├── storyboard-chronological.md # Variant A (preserved)
|
||||||
├── storyboard-thematic.md # Variant B (preserved)
|
├── storyboard-thematic.md # Variant B (preserved)
|
||||||
@@ -83,13 +86,19 @@ Style × Layout × Aspect can be freely combined. Custom styles can be described
|
|||||||
└── {topic-slug}.pdf
|
└── {topic-slug}.pdf
|
||||||
```
|
```
|
||||||
|
|
||||||
**Target directory**:
|
**Slug Generation**:
|
||||||
- With source path: `[source-dir]/[source-name-no-ext]/comic/`
|
1. Extract main topic from content (2-4 words, kebab-case)
|
||||||
- Example: `/posts/turing-story.md` → `/posts/turing-story/comic/`
|
2. Example: "Alan Turing Biography" → `alan-turing-bio`
|
||||||
- Without source: `./comic/[topic-slug]/`
|
|
||||||
|
|
||||||
**Directory backup**:
|
**Conflict Resolution**:
|
||||||
- If target directory exists, rename existing to `<dirname>-backup-YYYYMMDD-HHMMSS`
|
If `comic/{topic-slug}/` already exists:
|
||||||
|
- Append timestamp: `{topic-slug}-YYYYMMDD-HHMMSS`
|
||||||
|
- Example: `turing-story` exists → `turing-story-20260118-143052`
|
||||||
|
|
||||||
|
**Source Files**:
|
||||||
|
Copy all sources with naming `source-{slug}.{ext}`:
|
||||||
|
- `source-biography.md`, `source-portrait.jpg`, `source-timeline.png`, etc.
|
||||||
|
- Multiple sources supported: text, images, files from conversation
|
||||||
|
|
||||||
## Workflow
|
## Workflow
|
||||||
|
|
||||||
@@ -164,7 +173,7 @@ What readers will gain:
|
|||||||
## Content Signals
|
## Content Signals
|
||||||
|
|
||||||
- "biography" → classic + mixed
|
- "biography" → classic + mixed
|
||||||
- "computing history" → tech + dense
|
- "computing history" → ohmsha + dense
|
||||||
- "personal tragedy" → dramatic + splash
|
- "personal tragedy" → dramatic + splash
|
||||||
|
|
||||||
## Recommended Approaches
|
## Recommended Approaches
|
||||||
@@ -181,7 +190,7 @@ Create three distinct variants, each combining a narrative approach with a recom
|
|||||||
| Variant | Narrative Approach | Recommended Style | Layout |
|
| Variant | Narrative Approach | Recommended Style | Layout |
|
||||||
|---------|-------------------|-------------------|--------|
|
|---------|-------------------|-------------------|--------|
|
||||||
| A | Chronological | sepia | cinematic |
|
| A | Chronological | sepia | cinematic |
|
||||||
| B | Thematic | tech | dense |
|
| B | Thematic | ohmsha | dense |
|
||||||
| C | Character-focused | warm | standard |
|
| C | Character-focused | warm | standard |
|
||||||
|
|
||||||
**For each variant**:
|
**For each variant**:
|
||||||
@@ -229,13 +238,13 @@ Create three distinct variants, each combining a narrative approach with a recom
|
|||||||
```
|
```
|
||||||
Question 1 (Storyboard): Which storyboard variant?
|
Question 1 (Storyboard): Which storyboard variant?
|
||||||
- A: Chronological + sepia (Recommended)
|
- A: Chronological + sepia (Recommended)
|
||||||
- B: Thematic + tech
|
- B: Thematic + ohmsha
|
||||||
- C: Character-focused + warm
|
- C: Character-focused + warm
|
||||||
- Custom
|
- Custom
|
||||||
|
|
||||||
Question 2 (Style): Which visual style?
|
Question 2 (Style): Which visual style?
|
||||||
- sepia (Recommended from variant)
|
- sepia (Recommended from variant)
|
||||||
- classic / dramatic / warm / tech / vibrant / ohmsha / realistic
|
- classic / dramatic / warm / sepia / vibrant / ohmsha / realistic / wuxia
|
||||||
- Custom description
|
- Custom description
|
||||||
|
|
||||||
Question 3 (Language) - only if mismatch:
|
Question 3 (Language) - only if mismatch:
|
||||||
|
|||||||
@@ -20,4 +20,4 @@ Technical explanations, complex narratives, timelines
|
|||||||
|
|
||||||
## Best Style Pairings
|
## Best Style Pairings
|
||||||
|
|
||||||
tech, ohmsha, vibrant
|
ohmsha, vibrant
|
||||||
|
|||||||
@@ -27,4 +27,4 @@ Ohmsha-style tutorials, mobile reading, step-by-step guides
|
|||||||
|
|
||||||
## Best Style Pairings
|
## Best Style Pairings
|
||||||
|
|
||||||
ohmsha, tech, vibrant
|
ohmsha, vibrant
|
||||||
|
|||||||
@@ -1,34 +0,0 @@
|
|||||||
# tech
|
|
||||||
|
|
||||||
Modern, digital-age narratives
|
|
||||||
|
|
||||||
## Style Guidelines
|
|
||||||
|
|
||||||
### Line Work
|
|
||||||
- 2px, precise geometric undertones
|
|
||||||
- Clean, technical precision
|
|
||||||
- Circuit-like patterns in backgrounds
|
|
||||||
|
|
||||||
### Character Design
|
|
||||||
- Contemporary clothing, focused expressions
|
|
||||||
- Modern tech accessories
|
|
||||||
- Clean, precise features
|
|
||||||
|
|
||||||
### Background Treatment
|
|
||||||
- Digital elements, screens, circuit motifs
|
|
||||||
- Grid patterns
|
|
||||||
- Glowing interface elements
|
|
||||||
|
|
||||||
## Color Palette
|
|
||||||
|
|
||||||
- Primary: Cyan (#00D4FF), deep blue (#1A365D), white
|
|
||||||
- Accents: Neon green (#00FF88), electric purple (#805AD5)
|
|
||||||
- Background: Dark gray (#1A202C), grid patterns
|
|
||||||
|
|
||||||
## Mood
|
|
||||||
|
|
||||||
Innovation, digital, contemporary
|
|
||||||
|
|
||||||
## Best For
|
|
||||||
|
|
||||||
Computing history, AI stories, modern tech
|
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
# wuxia
|
||||||
|
|
||||||
|
Hong Kong martial arts comic style (港漫武侠风格)
|
||||||
|
|
||||||
|
## Style Guidelines
|
||||||
|
|
||||||
|
### Line Work
|
||||||
|
- 2-3px dynamic brush strokes with varying weight
|
||||||
|
- Ink wash effects, traditional Chinese brush feel
|
||||||
|
- Speed lines and impact effects for action scenes
|
||||||
|
- Bold, confident strokes with sharp edges
|
||||||
|
|
||||||
|
### Character Design
|
||||||
|
- Realistic human proportions (7.5-8 head heights)
|
||||||
|
- Defined musculature, dynamic warrior poses
|
||||||
|
- Flowing hair and clothing in motion
|
||||||
|
- Intense, determined facial expressions
|
||||||
|
- Traditional Chinese martial arts attire (robes, armor)
|
||||||
|
|
||||||
|
### Background Treatment
|
||||||
|
- Dramatic landscapes: mountains, waterfalls, temples
|
||||||
|
- Ink wash atmospheric effects
|
||||||
|
- Flying debris, dust clouds during combat
|
||||||
|
- Energy/qi effects with flowing lines
|
||||||
|
- High contrast silhouettes
|
||||||
|
|
||||||
|
## Color Palette
|
||||||
|
|
||||||
|
- Primary: Deep black ink, crimson red (#8B0000), gold (#D4AF37)
|
||||||
|
- Skin: Natural tan with dramatic shadows
|
||||||
|
- Background: Misty grays, earth tones, ink wash gradients
|
||||||
|
- Effects: Glowing qi energy (blue, gold, white)
|
||||||
|
|
||||||
|
## Special Effects
|
||||||
|
|
||||||
|
- **Combat impact**: Radiating lines, shockwaves, debris
|
||||||
|
- **Qi/energy**: Flowing aura, glowing effects around characters
|
||||||
|
- **Movement**: Extreme speed lines, motion blur
|
||||||
|
- **Atmosphere**: Ink wash clouds, mist, flying leaves/petals
|
||||||
|
|
||||||
|
## Quality Markers
|
||||||
|
|
||||||
|
A good wuxia comic page exhibits:
|
||||||
|
- ✓ Dynamic action poses with sense of motion
|
||||||
|
- ✓ Ink brush aesthetic in line work
|
||||||
|
- ✓ High contrast dramatic lighting
|
||||||
|
- ✓ Atmospheric backgrounds with Chinese elements
|
||||||
|
- ✓ Energy/qi effects that feel powerful
|
||||||
|
- ✓ Flowing fabric and hair movement
|
||||||
|
- ✓ Impactful combat moments
|
||||||
|
|
||||||
|
## Best For
|
||||||
|
|
||||||
|
Martial arts stories, Chinese historical fiction, action-heavy narratives, wuxia/xianxia adaptations
|
||||||
@@ -74,38 +74,35 @@ When no `--style` is specified, the system analyzes content to select the best s
|
|||||||
|
|
||||||
## File Management
|
## File Management
|
||||||
|
|
||||||
### With Article Path
|
### Output Directory
|
||||||
|
|
||||||
Save to `[source-name-no-ext]/cover-image/` subdirectory in the same folder as the article:
|
Each session creates an independent directory named by content slug:
|
||||||
|
|
||||||
```
|
```
|
||||||
path/to/
|
cover-image/{topic-slug}/
|
||||||
├── article.md
|
├── source-{slug}.{ext} # Source files (text, images, etc.)
|
||||||
└── article/
|
├── prompts/
|
||||||
└── cover-image/
|
│ └── cover.md
|
||||||
├── prompts/
|
└── cover.png
|
||||||
│ └── cover.md
|
|
||||||
└── cover.png
|
|
||||||
```
|
```
|
||||||
|
|
||||||
Example: `/posts/ai-future.md` → `/posts/ai-future/cover-image/`
|
**Slug Generation**:
|
||||||
|
1. Extract main topic from content (2-4 words, kebab-case)
|
||||||
|
2. Example: "The Future of AI" → `future-of-ai`
|
||||||
|
|
||||||
### Without Article Path (Pasted Content)
|
### Conflict Resolution
|
||||||
|
|
||||||
Save to `./cover-image/[topic-slug]/`:
|
If `cover-image/{topic-slug}/` already exists:
|
||||||
|
- Append timestamp: `{topic-slug}-YYYYMMDD-HHMMSS`
|
||||||
|
- Example: `ai-future` exists → `ai-future-20260118-143052`
|
||||||
|
|
||||||
```
|
### Source Files
|
||||||
cover-image/
|
|
||||||
└── ai-future/
|
|
||||||
├── source.md # Saved pasted content
|
|
||||||
├── prompts/
|
|
||||||
│ └── cover.md
|
|
||||||
└── cover.png
|
|
||||||
```
|
|
||||||
|
|
||||||
### Directory Backup
|
Copy all sources with naming `source-{slug}.{ext}`:
|
||||||
|
- `source-article.md` (main text content)
|
||||||
|
- `source-logo.png` (image from conversation)
|
||||||
|
|
||||||
If target directory exists, rename existing to `<dirname>-backup-YYYYMMDD-HHMMSS`
|
Multiple sources supported: text, images, files from conversation.
|
||||||
|
|
||||||
## Workflow
|
## Workflow
|
||||||
|
|
||||||
|
|||||||
@@ -95,36 +95,40 @@ This deck is designed for **reading and sharing**, not live presentation:
|
|||||||
|
|
||||||
## File Management
|
## File Management
|
||||||
|
|
||||||
### With Content Path
|
### Output Directory
|
||||||
```
|
|
||||||
content-dir/
|
|
||||||
├── source-content.md
|
|
||||||
└── source-content/
|
|
||||||
└── slide-deck/
|
|
||||||
├── outline.md
|
|
||||||
├── prompts/
|
|
||||||
│ └── 01-slide-cover.md, 02-slide-{slug}.md, ...
|
|
||||||
├── 01-slide-cover.png, 02-slide-{slug}.png, ...
|
|
||||||
├── {topic-slug}.pptx
|
|
||||||
└── {topic-slug}.pdf
|
|
||||||
```
|
|
||||||
|
|
||||||
Example: `/posts/ai-intro.md` → `/posts/ai-intro/slide-deck/`
|
Each session creates an independent directory named by content slug:
|
||||||
|
|
||||||
### Without Content Path (Pasted Content)
|
|
||||||
```
|
```
|
||||||
slide-deck/{topic-slug}/
|
slide-deck/{topic-slug}/
|
||||||
├── source.md
|
├── source-{slug}.{ext} # Source files (text, images, etc.)
|
||||||
├── outline.md
|
├── outline.md
|
||||||
|
├── outline-{style}.md # Style variant outlines
|
||||||
├── prompts/
|
├── prompts/
|
||||||
├── *.png
|
│ └── 01-slide-cover.md, 02-slide-{slug}.md, ...
|
||||||
|
├── 01-slide-cover.png, 02-slide-{slug}.png, ...
|
||||||
├── {topic-slug}.pptx
|
├── {topic-slug}.pptx
|
||||||
└── {topic-slug}.pdf
|
└── {topic-slug}.pdf
|
||||||
```
|
```
|
||||||
|
|
||||||
### Directory Backup
|
**Slug Generation**:
|
||||||
|
1. Extract main topic from content (2-4 words, kebab-case)
|
||||||
|
2. Example: "Introduction to Machine Learning" → `intro-machine-learning`
|
||||||
|
|
||||||
If target directory exists, rename existing to `<dirname>-backup-YYYYMMDD-HHMMSS`
|
### Conflict Resolution
|
||||||
|
|
||||||
|
If `slide-deck/{topic-slug}/` already exists:
|
||||||
|
- Append timestamp: `{topic-slug}-YYYYMMDD-HHMMSS`
|
||||||
|
- Example: `intro-ml` exists → `intro-ml-20260118-143052`
|
||||||
|
|
||||||
|
### Source Files
|
||||||
|
|
||||||
|
Copy all sources with naming `source-{slug}.{ext}`:
|
||||||
|
- `source-article.md` (main text content)
|
||||||
|
- `source-diagram.png` (image from conversation)
|
||||||
|
- `source-data.xlsx` (additional file)
|
||||||
|
|
||||||
|
Multiple sources supported: text, images, files from conversation.
|
||||||
|
|
||||||
## Workflow
|
## Workflow
|
||||||
|
|
||||||
|
|||||||
@@ -92,9 +92,11 @@ Detailed layout definitions: `references/layouts/<layout>.md`
|
|||||||
|
|
||||||
## File Structure
|
## File Structure
|
||||||
|
|
||||||
|
Each session creates an independent directory named by content slug:
|
||||||
|
|
||||||
```
|
```
|
||||||
[target]/
|
xhs-images/{topic-slug}/
|
||||||
├── source.md # Source content (if pasted)
|
├── source-{slug}.{ext} # Source files (text, images, etc.)
|
||||||
├── analysis.md # Deep analysis results
|
├── analysis.md # Deep analysis results
|
||||||
├── outline-style-[slug].md # Variant A (e.g., outline-style-tech.md)
|
├── outline-style-[slug].md # Variant A (e.g., outline-style-tech.md)
|
||||||
├── outline-style-[slug].md # Variant B (e.g., outline-style-notion.md)
|
├── outline-style-[slug].md # Variant B (e.g., outline-style-notion.md)
|
||||||
@@ -109,13 +111,19 @@ Detailed layout definitions: `references/layouts/<layout>.md`
|
|||||||
└── NN-ending-[slug].png
|
└── NN-ending-[slug].png
|
||||||
```
|
```
|
||||||
|
|
||||||
**Target directory**:
|
**Slug Generation**:
|
||||||
- With source path: `[source-dir]/[source-name-no-ext]/xhs-images/`
|
1. Extract main topic from content (2-4 words, kebab-case)
|
||||||
- Example: `/tests-data/article.md` → `/tests-data/article/xhs-images/`
|
2. Example: "AI工具推荐" → `ai-tools-recommend`
|
||||||
- Without source: `./xhs-images/[topic-slug]/`
|
|
||||||
|
|
||||||
**Directory backup**:
|
**Conflict Resolution**:
|
||||||
- If target directory exists, rename existing to `<dirname>-backup-YYYYMMDD-HHMMSS`
|
If `xhs-images/{topic-slug}/` already exists:
|
||||||
|
- Append timestamp: `{topic-slug}-YYYYMMDD-HHMMSS`
|
||||||
|
- Example: `ai-tools` exists → `ai-tools-20260118-143052`
|
||||||
|
|
||||||
|
**Source Files**:
|
||||||
|
Copy all sources with naming `source-{slug}.{ext}`:
|
||||||
|
- `source-article.md`, `source-photo.jpg`, etc.
|
||||||
|
- Multiple sources supported: text, images, files from conversation
|
||||||
|
|
||||||
## Workflow
|
## Workflow
|
||||||
|
|
||||||
|
|||||||