chore: release v1.12.0

Merge pull request #13 from threehotpot-bot/feature/quote-tweet
feat: add quote tweet support
2026-07-10 05:01:40 +00:00 · 2026-01-21 11:28:41 -06:00 · 2026-01-21 10:39:22 -06:00 · 2026-01-21 10:16:12 -06:00 · 2026-01-21 18:21:36 +08:00 · 2026-01-21 18:14:54 +08:00
169 changed files with 6506 additions and 630 deletions
@@ -6,7 +6,7 @@
  },
  "metadata": {
    "description": "Skills shared by Baoyu for improving daily work efficiency",
-    "version": "1.4.0"
+    "version": "1.12.0"
  },
  "plugins": [
    {
@@ -21,7 +21,8 @@
        "./skills/baoyu-article-illustrator",
        "./skills/baoyu-cover-image",
        "./skills/baoyu-slide-deck",
-        "./skills/baoyu-comic"
+        "./skills/baoyu-comic",
+        "./skills/baoyu-infographic"
      ]
    },
    {
@@ -30,7 +31,8 @@
      "source": "./",
      "strict": false,
      "skills": [
-        "./skills/baoyu-danger-gemini-web"
+        "./skills/baoyu-danger-gemini-web",
+        "./skills/baoyu-image-gen"
      ]
    },
    {
@@ -1,18 +1,32 @@
 ---
 name: release-skills
-description: Release workflow for baoyu-skills plugin. This skill should be used when the user wants to create a new release version. It analyzes changes since the last version tag, updates changelogs (EN/CN), bumps the version in marketplace.json, commits changes, and creates a version tag. Supports dry-run mode and breaking change detection.
+description: Release workflow for baoyu-skills plugin. Use when user says "release", "发布", "push", "推送", "new version", "新版本", "bump version", "更新版本", or wants to publish changes to remote. Analyzes changes since last tag, updates CHANGELOG (EN/CN), bumps marketplace.json version, commits, and creates version tag. MUST be used before any git push with uncommitted skill changes.
 ---

 # Release Skills

 Automate the release process for baoyu-skills plugin: analyze changes, update changelogs, bump version, commit, and tag.

+## CRITICAL: Mandatory Release Checklist
+
+**NEVER skip these steps when releasing:**
+
+1. ✅ Update `CHANGELOG.md` (English)
+2. ✅ Update `CHANGELOG.zh.md` (Chinese)
+3. ✅ Update `marketplace.json` version
+4. ✅ Update `README.md` / `README.zh.md` if needed
+5. ✅ Commit all changes together
+6. ✅ Create version tag
+
+**If user says "直接 push" or "just push" - STILL follow all steps above first!**
+
 ## When to Use

 Trigger this skill when user requests:
 - "release", "发布", "create release", "new version"
 - "bump version", "update version"
 - "prepare release"
+- "push to remote" (with uncommitted changes)

 ## Workflow

@@ -144,3 +144,4 @@ tests-data/
 # Skill extensions (user customization)
 .baoyu-skills/
 x-to-markdown/
+xhs-images/
@@ -2,6 +2,81 @@

 English | [中文](./CHANGELOG.zh.md)

+## 1.12.0 - 2026-01-21
+
+### Refactor
+- `baoyu-post-to-x`: extracts shared utilities to `x-utils.ts`—consolidates Chrome detection, CDP connection, clipboard operations, and helper functions from `x-article.ts`, `x-browser.ts`, `x-quote.ts`, and `x-video.ts` into a single reusable module.
+
+## 1.11.0 - 2026-01-21
+
+### Features
+- `baoyu-image-gen`: new AI SDK-based image generation skill using official OpenAI and Google APIs. Supports text-to-image, reference images (Google multimodal), aspect ratios, and quality presets (`normal`, `2k`). Auto-detects provider based on available API keys.
+- `baoyu-slide-deck`: adds Layout Gallery with 24 layout types—10 slide-specific layouts (`title-hero`, `quote-callout`, `key-stat`, `split-screen`, `icon-grid`, `two-columns`, `three-columns`, `image-caption`, `agenda`, `bullet-list`) and 14 infographic-derived layouts (`linear-progression`, `binary-comparison`, `comparison-matrix`, `hierarchical-layers`, `hub-spoke`, `bento-grid`, `funnel`, `dashboard`, `venn-diagram`, `circular-flow`, `winding-roadmap`, `tree-branching`, `iceberg`, `bridge`).
+
+### Documentation
+- `README.md`, `README.zh.md`: adds baoyu-image-gen documentation with usage examples, options table, and environment variables; adds Environment Configuration section for API key setup.
+
+## 1.10.0 - 2026-01-21
+
+### Features
+- `baoyu-post-to-x`: adds video posting support—new `x-video.ts` script for posting text with video files (MP4, MOV, WebM). Supports preview mode and handles video processing timeouts.
+
+## 1.9.0 - 2026-01-20
+
+### Features
+- `baoyu-xhs-images`: adds `chalkboard` style—black chalkboard background with colorful chalk drawings for education and tutorial content.
+- `baoyu-comic`: adds `chalkboard` style—educational chalk drawings on black chalkboard for tutorials, explainers, and knowledge comics.
+
+### Improvements
+- `baoyu-article-illustrator`, `baoyu-cover-image`, `baoyu-infographic`: updates `chalkboard` style with enhanced visual guidelines.
+
+### Breaking Changes
+- `baoyu-xhs-images`: removes `tech` style (use `minimal` or `notion` for technical content).
+
+### Documentation
+- `README.md`, `README.zh.md`: adds style and layout preview galleries for xhs-images (9 styles, 6 layouts).
+
+## 1.8.0 - 2026-01-20
+
+### Features
+- `baoyu-infographic`: new skill for professional infographic generation with 20 layout types (bridge, circular-flow, comparison-table, do-dont, equation, feature-list, fishbone, funnel, grid-cards, iceberg, journey-path, layers-stack, mind-map, nested-circles, priority-quadrants, pyramid, scale-balance, timeline-horizontal, tree-hierarchy, venn) and 17 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics.
+
+### Fixes
+- `baoyu-danger-gemini-web`: improves cookie validation by verifying actual Gemini session readiness instead of just checking cookie presence.
+
+## 1.7.0 - 2026-01-19
+
+### Features
+- `baoyu-comic`: adds `shoujo` style—classic shoujo manga style with large sparkling eyes, flowers, sparkles, and soft pink/lavender palette. Best for romance, coming-of-age, friendship, and emotional drama.
+
+## 1.6.0 - 2026-01-19
+
+### Features
+- `baoyu-cover-image`: adds `flat-doodle` style—bold black outlines, bright pastel colors, simple flat shapes with cute rounded proportions. Best for productivity, SaaS, and workflow content.
+- `baoyu-article-illustrator`: adds `flat-doodle` style—same visual aesthetic for article illustrations.
+
+## 1.5.0 - 2026-01-19
+
+### Features
+- `baoyu-article-illustrator`: expands style library to 20 styles—extracts styles to `references/styles/` directory and adds 11 new styles (`blueprint`, `chalkboard`, `editorial`, `fantasy-animation`, `flat`, `intuition-machine`, `pixel-art`, `retro`, `scientific`, `sketch-notes`, `vector-illustration`, `vintage`, `watercolor`).
+
+### Breaking Changes
+- `baoyu-article-illustrator`: removes `tech`, `bold`, and `isometric` styles.
+- `baoyu-cover-image`: removes `bold` style (use `bold-editorial` for bold editorial content).
+
+### Documentation
+- `README.md`, `README.zh.md`: adds style preview gallery for article-illustrator (20 styles).
+
+## 1.4.2 - 2026-01-19
+
+### Documentation
+- `baoyu-danger-gemini-web`: adds supported browsers list (Chrome, Chromium, Edge) and proxy configuration guide.
+
+## 1.4.1 - 2026-01-18
+
+### Fixes
+- `baoyu-post-to-x`: supports multi-language UI selectors for X Articles (contributed by [@ianchenx](https://github.com/ianchenx)).
+
 ## 1.4.0 - 2026-01-18

 ### Features
@@ -2,6 +2,81 @@

 [English](./CHANGELOG.md) | 中文

+## 1.12.0 - 2026-01-21
+
+### 重构
+- `baoyu-post-to-x`：提取公共工具函数到 `x-utils.ts`——将 `x-article.ts`、`x-browser.ts`、`x-quote.ts`、`x-video.ts` 中重复的 Chrome 检测、CDP 连接、剪贴板操作等功能整合为统一的可复用模块。
+
+## 1.11.0 - 2026-01-21
+
+### 新功能
+- `baoyu-image-gen`：新增基于 AI SDK 的图像生成技能，使用官方 OpenAI 和 Google API。支持文生图、参考图（Google 多模态）、宽高比和质量预设（`normal`、`2k`）。根据可用的 API 密钥自动选择服务商。
+- `baoyu-slide-deck`：新增布局库（Layout Gallery），包含 24 种布局类型——10 种幻灯片专用布局（`title-hero` 标题主图、`quote-callout` 引用突出、`key-stat` 关键数据、`split-screen` 分屏、`icon-grid` 图标网格、`two-columns` 双栏、`three-columns` 三栏、`image-caption` 图片说明、`agenda` 议程、`bullet-list` 要点列表）和 14 种信息图衍生布局（`linear-progression` 线性流程、`binary-comparison` 二元对比、`comparison-matrix` 对比矩阵、`hierarchical-layers` 层级、`hub-spoke` 中心辐射、`bento-grid` 便当盒、`funnel` 漏斗、`dashboard` 仪表盘、`venn-diagram` 韦恩图、`circular-flow` 循环流程、`winding-roadmap` 蜿蜒路线图、`tree-branching` 树状分支、`iceberg` 冰山、`bridge` 桥接）。
+
+### 文档
+- `README.md`、`README.zh.md`：新增 baoyu-image-gen 文档，包含用法示例、选项表和环境变量说明；新增环境配置章节，介绍 API 密钥设置方法。
+
+## 1.10.0 - 2026-01-21
+
+### 新功能
+- `baoyu-post-to-x`：新增视频发布支持——新增 `x-video.ts` 脚本，支持发布带视频的推文（MP4、MOV、WebM 格式）。支持预览模式，自动处理视频上传等待。
+
+## 1.9.0 - 2026-01-20
+
+### 新功能
+- `baoyu-xhs-images`：新增 `chalkboard`（黑板）风格——黑色黑板背景配彩色粉笔绘画，适合教育和教程内容。
+- `baoyu-comic`：新增 `chalkboard`（黑板）风格——黑色黑板上的教育粉笔画，适合教程、讲解和知识漫画。
+
+### 改进
+- `baoyu-article-illustrator`、`baoyu-cover-image`、`baoyu-infographic`：更新 `chalkboard` 风格，增强视觉指南。
+
+### 破坏性变更
+- `baoyu-xhs-images`：移除 `tech` 风格（技术内容改用 `minimal` 或 `notion` 风格）。
+
+### 文档
+- `README.md`、`README.zh.md`：新增 xhs-images 风格和布局预览图库（9 种风格、6 种布局）。
+
+## 1.8.0 - 2026-01-20
+
+### 新功能
+- `baoyu-infographic`：新增专业信息图生成技能，支持 20 种布局类型（bridge 桥接、circular-flow 循环流程、comparison-table 对比表、do-dont 正误对比、equation 公式分解、feature-list 特性列表、fishbone 鱼骨图、funnel 漏斗、grid-cards 网格卡片、iceberg 冰山、journey-path 旅程路径、layers-stack 层级堆叠、mind-map 思维导图、nested-circles 嵌套圆、priority-quadrants 优先象限、pyramid 金字塔、scale-balance 天平、timeline-horizontal 时间线、tree-hierarchy 树状层级、venn 韦恩图）和 17 种视觉风格。智能分析内容、推荐布局×风格组合，生成发布级信息图。
+
+### 修复
+- `baoyu-danger-gemini-web`：改进 cookie 验证逻辑，通过验证实际 Gemini 会话可用性而非仅检查 cookie 存在。
+
+## 1.7.0 - 2026-01-19
+
+### 新功能
+- `baoyu-comic`：新增 `shoujo`（少女漫画）风格——经典少女漫画风格，大眼睛闪亮高光、花朵星星装饰、柔和粉紫色调。适合恋爱、青春成长、友情、情感故事。
+
+## 1.6.0 - 2026-01-19
+
+### 新功能
+- `baoyu-cover-image`：新增 `flat-doodle`（扁平涂鸦）风格——粗黑色轮廓线、明亮粉彩色、简单扁平形状、可爱圆润比例。适合生产力、SaaS、工作流内容。
+- `baoyu-article-illustrator`：新增 `flat-doodle`（扁平涂鸦）风格——同样的视觉风格用于文章插图。
+
+## 1.5.0 - 2026-01-19
+
+### 新功能
+- `baoyu-article-illustrator`：风格库扩展至 20 种——将风格定义提取到 `references/styles/` 目录，新增 11 种风格（`blueprint`（蓝图）、`chalkboard`（黑板）、`editorial`（杂志信息图）、`fantasy-animation`（奇幻动画）、`flat`（扁平矢量）、`intuition-machine`（技术简报）、`pixel-art`（像素艺术）、`retro`（复古）、`scientific`（科学图解）、`sketch-notes`（手绘笔记）、`vector-illustration`（矢量插画）、`vintage`（复古文献）、`watercolor`（水彩））。
+
+### 破坏性变更
+- `baoyu-article-illustrator`：移除 `tech`、`bold`、`isometric` 风格。
+- `baoyu-cover-image`：移除 `bold` 风格（大胆编辑内容改用 `bold-editorial` 风格）。
+
+### 文档
+- `README.md`、`README.zh.md`：新增 article-illustrator 风格预览图库（20 种风格）。
+
+## 1.4.2 - 2026-01-19
+
+### 文档
+- `baoyu-danger-gemini-web`：添加支持的浏览器列表（Chrome、Chromium、Edge）和代理配置指南。
+
+## 1.4.1 - 2026-01-18
+
+### 修复
+- `baoyu-post-to-x`：支持 X Articles 多语言 UI 选择器（感谢 [@ianchenx](https://github.com/ianchenx) 贡献）。
+
 ## 1.4.0 - 2026-01-18

 ### 新功能
@@ -78,6 +78,16 @@ npx -y bun skills/baoyu-danger-gemini-web/scripts/main.ts --promptfiles system.m

 `.claude-plugin/marketplace.json` defines plugin metadata and skill paths. Version follows semver.

+## Release Process
+
+**IMPORTANT**: When user requests release/发布/push, ALWAYS use `/release-skills` workflow.
+
+**Never skip**:
+1. `CHANGELOG.md` + `CHANGELOG.zh.md` - Both must be updated
+2. `marketplace.json` version bump
+3. `README.md` + `README.zh.md` if applicable
+4. All files committed together before tag
+
 ## Adding New Skills

 **IMPORTANT**: All skills MUST use `baoyu-` prefix to avoid conflicts when users import this plugin.
@@ -231,6 +241,61 @@ Image filenames MUST include meaningful slugs for readability:
 - Handle failures gracefully with retry logic
 - Provide clear progress feedback to user

+## Style Maintenance (baoyu-comic)
+
+When adding, updating, or deleting styles for `baoyu-comic`, follow this workflow:
+
+### Adding a New Style
+
+1. **Create style definition**: `skills/baoyu-comic/references/styles/<style-name>.md`
+2. **Update SKILL.md**:
+   - Add style to `--style` options table
+   - Add auto-selection entry if applicable
+3. **Generate showcase image**:
+   ```bash
+   npx -y bun skills/baoyu-danger-gemini-web/scripts/main.ts \
+     --prompt "A single comic book page in <style-name> style showing [appropriate scene]. Features: [style characteristics from style definition]. 3:4 portrait aspect ratio comic page." \
+     --image screenshots/comic-styles/<style-name>.png
+   ```
+4. **Compress to WebP**:
+   ```bash
+   npx -y bun skills/baoyu-compress-image/scripts/main.ts screenshots/comic-styles/<style-name>.png
+   ```
+5. **Update both READMEs** (`README.md` and `README.zh.md`):
+   - Add style to `--style` options
+   - Add row to style description table
+   - Add image to style preview grid
+
+### Updating an Existing Style
+
+1. **Update style definition**: `skills/baoyu-comic/references/styles/<style-name>.md`
+2. **Regenerate showcase image** (if visual characteristics changed):
+   - Follow steps 3-4 from "Adding a New Style"
+3. **Update READMEs** if description changed
+
+### Deleting a Style
+
+1. **Delete style definition**: `skills/baoyu-comic/references/styles/<style-name>.md`
+2. **Delete showcase image**: `screenshots/comic-styles/<style-name>.webp`
+3. **Update SKILL.md**:
+   - Remove from `--style` options
+   - Remove auto-selection entry
+4. **Update both READMEs**:
+   - Remove from `--style` options
+   - Remove from style description table
+   - Remove from style preview grid
+
+### Style Preview Grid Format
+
+READMEs use 3-column tables for style previews:
+
+```markdown
+| | | |
+|:---:|:---:|:---:|
+| ![style1](./screenshots/comic-styles/style1.webp) | ![style2](./screenshots/comic-styles/style2.webp) | ![style3](./screenshots/comic-styles/style3.webp) |
+| style1 | style2 | style3 |
+```
+
 ## Extension Support

 Every SKILL.md MUST include an Extension Support section at the end:
@@ -14,7 +14,7 @@ Skills shared by Baoyu for improving daily work efficiency with Claude Code.
 ### Quick Install (Recommended)

 ```bash
-npx add-skill jimliu/baoyu-skills
+npx skills add jimliu/baoyu-skills
 ```

 ### Register as Plugin Marketplace
@@ -53,8 +53,8 @@ Simply tell Claude Code:

 | 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) |
+| **content-skills** | Content generation and publishing | [xhs-images](#baoyu-xhs-images), [infographic](#baoyu-infographic), [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 | [image-gen](#baoyu-image-gen), [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
@@ -99,7 +99,18 @@ Xiaohongshu (RedNote) infographic series generator. Breaks down content into 1-1
 /baoyu-xhs-images 今日星座运势
 ```

-**Styles** (visual aesthetics): `cute` (default), `fresh`, `tech`, `warm`, `bold`, `minimal`, `retro`, `pop`, `notion`
+**Styles** (visual aesthetics): `cute` (default), `fresh`, `warm`, `bold`, `minimal`, `retro`, `pop`, `notion`, `chalkboard`
+
+**Style Previews**:
+
+| | | |
+|:---:|:---:|:---:|
+| ![cute](./screenshots/xhs-images-styles/cute.webp) | ![fresh](./screenshots/xhs-images-styles/fresh.webp) | ![warm](./screenshots/xhs-images-styles/warm.webp) |
+| cute | fresh | warm |
+| ![bold](./screenshots/xhs-images-styles/bold.webp) | ![minimal](./screenshots/xhs-images-styles/minimal.webp) | ![retro](./screenshots/xhs-images-styles/retro.webp) |
+| bold | minimal | retro |
+| ![pop](./screenshots/xhs-images-styles/pop.webp) | ![notion](./screenshots/xhs-images-styles/notion.webp) | ![chalkboard](./screenshots/xhs-images-styles/chalkboard.webp) |
+| pop | notion | chalkboard |

 **Layouts** (information density):
 | Layout | Density | Best for |
@@ -111,6 +122,127 @@ Xiaohongshu (RedNote) infographic series generator. Breaks down content into 1-1
 | `comparison` | 2 sides | Before/after, pros/cons |
 | `flow` | 3-6 steps | Processes, timelines |

+**Layout Previews**:
+
+| | | |
+|:---:|:---:|:---:|
+| ![sparse](./screenshots/xhs-images-layouts/sparse.webp) | ![balanced](./screenshots/xhs-images-layouts/balanced.webp) | ![dense](./screenshots/xhs-images-layouts/dense.webp) |
+| sparse | balanced | dense |
+| ![list](./screenshots/xhs-images-layouts/list.webp) | ![comparison](./screenshots/xhs-images-layouts/comparison.webp) | ![flow](./screenshots/xhs-images-layouts/flow.webp) |
+| list | comparison | flow |
+
+#### baoyu-infographic
+
+Generate professional infographics with 20 layout types and 17 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics.
+
+```bash
+# Auto-recommend combinations based on content
+/baoyu-infographic path/to/content.md
+
+# Specify layout
+/baoyu-infographic path/to/content.md --layout pyramid
+
+# Specify style (default: craft-handmade)
+/baoyu-infographic path/to/content.md --style technical-schematic
+
+# Specify both
+/baoyu-infographic path/to/content.md --layout funnel --style corporate-memphis
+
+# With aspect ratio
+/baoyu-infographic path/to/content.md --aspect portrait
+```
+
+**Options**:
+| Option | Description |
+|--------|-------------|
+| `--layout <name>` | Information layout (20 options) |
+| `--style <name>` | Visual style (17 options, default: craft-handmade) |
+| `--aspect <ratio>` | landscape (16:9), portrait (9:16), square (1:1) |
+| `--lang <code>` | Output language (en, zh, ja, etc.) |
+
+**Layouts** (information structure):
+
+| Layout | Best For |
+|--------|----------|
+| `bridge` | Problem-solution, gap-crossing |
+| `circular-flow` | Cycles, recurring processes |
+| `comparison-table` | Multi-factor comparisons |
+| `do-dont` | Correct vs incorrect practices |
+| `equation` | Formula breakdown, input-output |
+| `feature-list` | Product features, bullet points |
+| `fishbone` | Root cause analysis |
+| `funnel` | Conversion processes, filtering |
+| `grid-cards` | Multiple topics, overview |
+| `iceberg` | Surface vs hidden aspects |
+| `journey-path` | Customer journey, milestones |
+| `layers-stack` | Technology stack, layers |
+| `mind-map` | Brainstorming, idea mapping |
+| `nested-circles` | Levels of influence, scope |
+| `priority-quadrants` | Eisenhower matrix, 2x2 |
+| `pyramid` | Hierarchy, Maslow's needs |
+| `scale-balance` | Pros vs cons, weighing |
+| `timeline-horizontal` | History, chronological events |
+| `tree-hierarchy` | Org charts, taxonomy |
+| `venn` | Overlapping concepts |
+
+**Layout Previews**:
+
+| | | |
+|:---:|:---:|:---:|
+| ![bridge](./screenshots/infographic-layouts/bridge.webp) | ![circular-flow](./screenshots/infographic-layouts/circular-flow.webp) | ![comparison-table](./screenshots/infographic-layouts/comparison-table.webp) |
+| bridge | circular-flow | comparison-table |
+| ![do-dont](./screenshots/infographic-layouts/do-dont.webp) | ![equation](./screenshots/infographic-layouts/equation.webp) | ![feature-list](./screenshots/infographic-layouts/feature-list.webp) |
+| do-dont | equation | feature-list |
+| ![fishbone](./screenshots/infographic-layouts/fishbone.webp) | ![funnel](./screenshots/infographic-layouts/funnel.webp) | ![grid-cards](./screenshots/infographic-layouts/grid-cards.webp) |
+| fishbone | funnel | grid-cards |
+| ![iceberg](./screenshots/infographic-layouts/iceberg.webp) | ![journey-path](./screenshots/infographic-layouts/journey-path.webp) | ![layers-stack](./screenshots/infographic-layouts/layers-stack.webp) |
+| iceberg | journey-path | layers-stack |
+| ![mind-map](./screenshots/infographic-layouts/mind-map.webp) | ![nested-circles](./screenshots/infographic-layouts/nested-circles.webp) | ![priority-quadrants](./screenshots/infographic-layouts/priority-quadrants.webp) |
+| mind-map | nested-circles | priority-quadrants |
+| ![pyramid](./screenshots/infographic-layouts/pyramid.webp) | ![scale-balance](./screenshots/infographic-layouts/scale-balance.webp) | ![timeline-horizontal](./screenshots/infographic-layouts/timeline-horizontal.webp) |
+| pyramid | scale-balance | timeline-horizontal |
+| ![tree-hierarchy](./screenshots/infographic-layouts/tree-hierarchy.webp) | ![venn](./screenshots/infographic-layouts/venn.webp) | |
+| tree-hierarchy | venn | |
+
+**Styles** (visual aesthetics):
+
+| Style | Description |
+|-------|-------------|
+| `craft-handmade` (Default) | Hand-drawn illustration, paper craft aesthetic |
+| `claymation` | 3D clay figures, playful stop-motion |
+| `kawaii` | Japanese cute, big eyes, pastel colors |
+| `storybook-watercolor` | Soft painted illustrations, whimsical |
+| `chalkboard` | Colorful chalk on black board |
+| `cyberpunk-neon` | Neon glow on dark, futuristic |
+| `bold-graphic` | Comic style, halftone dots, high contrast |
+| `aged-academia` | Vintage science, sepia sketches |
+| `corporate-memphis` | Flat vector people, vibrant fills |
+| `technical-schematic` | Blueprint, isometric 3D, engineering |
+| `origami` | Folded paper forms, geometric |
+| `pixel-art` | Retro 8-bit, nostalgic gaming |
+| `ui-wireframe` | Grayscale boxes, interface mockup |
+| `subway-map` | Transit diagram, colored lines |
+| `ikea-manual` | Minimal line art, assembly style |
+| `knolling` | Organized flat-lay, top-down |
+| `lego-brick` | Toy brick construction, playful |
+
+**Style Previews**:
+
+| | | |
+|:---:|:---:|:---:|
+| ![craft-handmade](./screenshots/infographic-styles/craft-handmade.webp) | ![claymation](./screenshots/infographic-styles/claymation.webp) | ![kawaii](./screenshots/infographic-styles/kawaii.webp) |
+| craft-handmade | claymation | kawaii |
+| ![storybook-watercolor](./screenshots/infographic-styles/storybook-watercolor.webp) | ![chalkboard](./screenshots/infographic-styles/chalkboard.webp) | ![cyberpunk-neon](./screenshots/infographic-styles/cyberpunk-neon.webp) |
+| storybook-watercolor | chalkboard | cyberpunk-neon |
+| ![bold-graphic](./screenshots/infographic-styles/bold-graphic.webp) | ![aged-academia](./screenshots/infographic-styles/aged-academia.webp) | ![corporate-memphis](./screenshots/infographic-styles/corporate-memphis.webp) |
+| bold-graphic | aged-academia | corporate-memphis |
+| ![technical-schematic](./screenshots/infographic-styles/technical-schematic.webp) | ![origami](./screenshots/infographic-styles/origami.webp) | ![pixel-art](./screenshots/infographic-styles/pixel-art.webp) |
+| technical-schematic | origami | pixel-art |
+| ![ui-wireframe](./screenshots/infographic-styles/ui-wireframe.webp) | ![subway-map](./screenshots/infographic-styles/subway-map.webp) | ![ikea-manual](./screenshots/infographic-styles/ikea-manual.webp) |
+| ui-wireframe | subway-map | ikea-manual |
+| ![knolling](./screenshots/infographic-styles/knolling.webp) | ![lego-brick](./screenshots/infographic-styles/lego-brick.webp) | |
+| knolling | lego-brick | |
+
 #### baoyu-cover-image

 Generate hand-drawn style cover images for articles with multiple style options.
@@ -127,26 +259,26 @@ Generate hand-drawn style cover images for articles with multiple style options.
 /baoyu-cover-image path/to/article.md --no-title
 ```

-Available styles: `elegant` (default), `blueprint`, `bold`, `bold-editorial`, `chalkboard`, `dark-atmospheric`, `editorial-infographic`, `fantasy-animation`, `intuition-machine`, `minimal`, `nature`, `notion`, `pixel-art`, `playful`, `retro`, `sketch-notes`, `vector-illustration`, `vintage`, `warm`, `watercolor`
+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**:

 | | | |
 |:---:|:---:|:---:|
-| ![elegant](./screenshots/cover-image-styles/elegant.webp) | ![blueprint](./screenshots/cover-image-styles/blueprint.webp) | ![bold](./screenshots/cover-image-styles/bold.webp) |
-| elegant | blueprint | bold |
-| ![bold-editorial](./screenshots/cover-image-styles/bold-editorial.webp) | ![chalkboard](./screenshots/cover-image-styles/chalkboard.webp) | ![dark-atmospheric](./screenshots/cover-image-styles/dark-atmospheric.webp) |
-| bold-editorial | chalkboard | dark-atmospheric |
-| ![editorial-infographic](./screenshots/cover-image-styles/editorial-infographic.webp) | ![fantasy-animation](./screenshots/cover-image-styles/fantasy-animation.webp) | ![intuition-machine](./screenshots/cover-image-styles/intuition-machine.webp) |
-| editorial-infographic | fantasy-animation | intuition-machine |
-| ![minimal](./screenshots/cover-image-styles/minimal.webp) | ![nature](./screenshots/cover-image-styles/nature.webp) | ![notion](./screenshots/cover-image-styles/notion.webp) |
-| minimal | nature | notion |
-| ![pixel-art](./screenshots/cover-image-styles/pixel-art.webp) | ![playful](./screenshots/cover-image-styles/playful.webp) | ![retro](./screenshots/cover-image-styles/retro.webp) |
-| pixel-art | playful | retro |
-| ![sketch-notes](./screenshots/cover-image-styles/sketch-notes.webp) | ![vector-illustration](./screenshots/cover-image-styles/vector-illustration.webp) | ![vintage](./screenshots/cover-image-styles/vintage.webp) |
-| sketch-notes | vector-illustration | vintage |
-| ![warm](./screenshots/cover-image-styles/warm.webp) | ![watercolor](./screenshots/cover-image-styles/watercolor.webp) | |
-| warm | watercolor | |
+| ![elegant](./screenshots/cover-image-styles/elegant.webp) | ![blueprint](./screenshots/cover-image-styles/blueprint.webp) | ![bold-editorial](./screenshots/cover-image-styles/bold-editorial.webp) |
+| elegant | blueprint | bold-editorial |
+| ![chalkboard](./screenshots/cover-image-styles/chalkboard.webp) | ![dark-atmospheric](./screenshots/cover-image-styles/dark-atmospheric.webp) | ![editorial-infographic](./screenshots/cover-image-styles/editorial-infographic.webp) |
+| chalkboard | dark-atmospheric | editorial-infographic |
+| ![fantasy-animation](./screenshots/cover-image-styles/fantasy-animation.webp) | ![intuition-machine](./screenshots/cover-image-styles/intuition-machine.webp) | ![minimal](./screenshots/cover-image-styles/minimal.webp) |
+| fantasy-animation | intuition-machine | minimal |
+| ![nature](./screenshots/cover-image-styles/nature.webp) | ![notion](./screenshots/cover-image-styles/notion.webp) | ![pixel-art](./screenshots/cover-image-styles/pixel-art.webp) |
+| nature | notion | pixel-art |
+| ![playful](./screenshots/cover-image-styles/playful.webp) | ![retro](./screenshots/cover-image-styles/retro.webp) | ![sketch-notes](./screenshots/cover-image-styles/sketch-notes.webp) |
+| playful | retro | sketch-notes |
+| ![vector-illustration](./screenshots/cover-image-styles/vector-illustration.webp) | ![vintage](./screenshots/cover-image-styles/vintage.webp) | ![warm](./screenshots/cover-image-styles/warm.webp) |
+| vector-illustration | vintage | warm |
+| ![watercolor](./screenshots/cover-image-styles/watercolor.webp) | ![flat-doodle](./screenshots/cover-image-styles/flat-doodle.webp) | |
+| watercolor | flat-doodle | |

 #### baoyu-slide-deck

@@ -235,7 +367,7 @@ Knowledge comic creator supporting multiple styles (Logicomix/Ligne Claire, Ohms
 **Options**:
 | Option | Values |
 |--------|--------|
-| `--style` | `classic` (default), `dramatic`, `warm`, `sepia`, `vibrant`, `ohmsha`, `realistic`, `wuxia`, or custom description |
+| `--style` | `classic` (default), `dramatic`, `warm`, `sepia`, `vibrant`, `ohmsha`, `realistic`, `wuxia`, `shoujo`, or custom description |
 | `--layout` | `standard` (default), `cinematic`, `dense`, `splash`, `mixed`, `webtoon` |
 | `--aspect` | `3:4` (default, portrait), `4:3` (landscape), `16:9` (widescreen) |
 | `--lang` | `auto` (default), `zh`, `en`, `ja`, etc. |
@@ -252,6 +384,7 @@ Knowledge comic creator supporting multiple styles (Logicomix/Ligne Claire, Ohms
 | `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 |
 | `wuxia` | Hong Kong martial arts style with ink brush strokes, dynamic combat, qi effects | Martial arts, wuxia/xianxia, Chinese historical fiction |
+| `shoujo` | Classic shoujo manga with large sparkling eyes, flowers, sparkles, soft pink/lavender palette | Romance, coming-of-age, friendship, emotional drama |

 **Style Previews**:

@@ -261,8 +394,8 @@ Knowledge comic creator supporting multiple styles (Logicomix/Ligne Claire, Ohms
 | classic | dramatic | warm |
 | ![sepia](./screenshots/comic-styles/sepia.webp) | ![vibrant](./screenshots/comic-styles/vibrant.webp) | ![ohmsha](./screenshots/comic-styles/ohmsha.webp) |
 | sepia | vibrant | ohmsha |
-| ![realistic](./screenshots/comic-styles/realistic.webp) | ![wuxia](./screenshots/comic-styles/wuxia.webp) | |
-| realistic | wuxia | |
+| ![realistic](./screenshots/comic-styles/realistic.webp) | ![wuxia](./screenshots/comic-styles/wuxia.webp) | ![shoujo](./screenshots/comic-styles/shoujo.webp) |
+| realistic | wuxia | shoujo |

 **Layouts** (panel arrangement):
 | Layout | Panels/Page | Best for |
@@ -288,9 +421,59 @@ Knowledge comic creator supporting multiple styles (Logicomix/Ligne Claire, Ohms
 Smart article illustration skill. Analyzes article content and generates illustrations at positions requiring visual aids.

 ```bash
+# Auto-select style based on content
 /baoyu-article-illustrator path/to/article.md
+
+# Specify a style
+/baoyu-article-illustrator path/to/article.md --style warm
+/baoyu-article-illustrator path/to/article.md --style watercolor
 ```

+**Styles** (visual aesthetics):
+
+| Style | Description | Best For |
+|-------|-------------|----------|
+| `notion` (default) | Minimalist hand-drawn line art | Knowledge sharing, SaaS, productivity |
+| `elegant` | Refined, sophisticated, professional | Business, thought leadership |
+| `warm` | Friendly, approachable, human-centered | Personal growth, lifestyle |
+| `minimal` | Ultra-clean, zen-like, focused | Philosophy, minimalism |
+| `playful` | Fun, creative, whimsical | Tutorials, beginner guides |
+| `nature` | Organic, calm, earthy | Sustainability, wellness |
+| `sketch` | Raw, authentic, notebook-style | Ideas, brainstorming |
+| `watercolor` | Soft artistic with natural warmth | Lifestyle, travel, creative |
+| `vintage` | Nostalgic aged-paper aesthetic | Historical, biography |
+| `scientific` | Academic precise diagrams | Biology, chemistry, technical |
+| `chalkboard` | Classroom chalk drawing style | Education, tutorials |
+| `editorial` | Magazine-style infographic | Tech explainers, journalism |
+| `flat` | Modern flat vector illustration | Startups, digital |
+| `flat-doodle` | Bold outlines, pastel colors, cute | Productivity, SaaS, workflows |
+| `retro` | 80s/90s vibrant nostalgic | Pop culture, entertainment |
+| `blueprint` | Technical schematics, engineering | Architecture, system design |
+| `vector-illustration` | Flat vector, black outlines, retro | Educational, creative, brand |
+| `sketch-notes` | Soft hand-drawn, warm feel | Knowledge sharing, tutorials |
+| `pixel-art` | Retro 8-bit gaming aesthetic | Gaming, tech, developer |
+| `intuition-machine` | Technical briefing, bilingual | Academic, technical, research |
+| `fantasy-animation` | Ghibli/Disney whimsical style | Storytelling, children's |
+
+**Style Previews**:
+
+| | | |
+|:---:|:---:|:---:|
+| ![notion](./screenshots/article-illustrator-styles/notion.webp) | ![elegant](./screenshots/article-illustrator-styles/elegant.webp) | ![warm](./screenshots/article-illustrator-styles/warm.webp) |
+| notion | elegant | warm |
+| ![minimal](./screenshots/article-illustrator-styles/minimal.webp) | ![playful](./screenshots/article-illustrator-styles/playful.webp) | ![nature](./screenshots/article-illustrator-styles/nature.webp) |
+| minimal | playful | nature |
+| ![sketch](./screenshots/article-illustrator-styles/sketch.webp) | ![watercolor](./screenshots/article-illustrator-styles/watercolor.webp) | ![vintage](./screenshots/article-illustrator-styles/vintage.webp) |
+| sketch | watercolor | vintage |
+| ![scientific](./screenshots/article-illustrator-styles/scientific.webp) | ![chalkboard](./screenshots/article-illustrator-styles/chalkboard.webp) | ![editorial](./screenshots/article-illustrator-styles/editorial.webp) |
+| scientific | chalkboard | editorial |
+| ![flat](./screenshots/article-illustrator-styles/flat.webp) | ![retro](./screenshots/article-illustrator-styles/retro.webp) | ![blueprint](./screenshots/article-illustrator-styles/blueprint.webp) |
+| flat | retro | blueprint |
+| ![vector-illustration](./screenshots/article-illustrator-styles/vector-illustration.webp) | ![sketch-notes](./screenshots/article-illustrator-styles/sketch-notes.webp) | ![pixel-art](./screenshots/article-illustrator-styles/pixel-art.webp) |
+| vector-illustration | sketch-notes | pixel-art |
+| ![intuition-machine](./screenshots/article-illustrator-styles/intuition-machine.webp) | ![fantasy-animation](./screenshots/article-illustrator-styles/fantasy-animation.webp) | ![flat-doodle](./screenshots/article-illustrator-styles/flat-doodle.webp) |
+| intuition-machine | fantasy-animation | flat-doodle |
+
 #### baoyu-post-to-x

 Post content and articles to X (Twitter). Supports regular posts with images and X Articles (long-form Markdown). Uses real Chrome with CDP to bypass anti-automation.
@@ -332,6 +515,55 @@ Prerequisites: Google Chrome installed. First run requires QR code login (sessio

 AI-powered generation backends.

+#### baoyu-image-gen
+
+AI SDK-based image generation using official OpenAI and Google APIs. Supports text-to-image, reference images, aspect ratios, and quality presets.
+
+```bash
+# Basic generation (auto-detect provider)
+/baoyu-image-gen --prompt "A cute cat" --image cat.png
+
+# With aspect ratio
+/baoyu-image-gen --prompt "A landscape" --image landscape.png --ar 16:9
+
+# High quality (2k)
+/baoyu-image-gen --prompt "A banner" --image banner.png --quality 2k
+
+# Specific provider
+/baoyu-image-gen --prompt "A cat" --image cat.png --provider openai
+
+# With reference images (Google multimodal only)
+/baoyu-image-gen --prompt "Make it blue" --image out.png --ref source.png
+```
+
+**Options**:
+| Option | Description |
+|--------|-------------|
+| `--prompt`, `-p` | Prompt text |
+| `--promptfiles` | Read prompt from files (concatenated) |
+| `--image` | Output image path (required) |
+| `--provider` | `google` or `openai` (default: google) |
+| `--model`, `-m` | Model ID |
+| `--ar` | Aspect ratio (e.g., `16:9`, `1:1`, `4:3`) |
+| `--size` | Size (e.g., `1024x1024`) |
+| `--quality` | `normal` or `2k` (default: normal) |
+| `--ref` | Reference images (Google multimodal only) |
+
+**Environment Variables** (see [Environment Configuration](#environment-configuration) for setup):
+| Variable | Description | Default |
+|----------|-------------|---------|
+| `OPENAI_API_KEY` | OpenAI API key | - |
+| `GOOGLE_API_KEY` | Google API key | - |
+| `OPENAI_IMAGE_MODEL` | OpenAI model | `gpt-image-1.5` |
+| `GOOGLE_IMAGE_MODEL` | Google model | `gemini-3-pro-image-preview` |
+| `OPENAI_BASE_URL` | Custom OpenAI endpoint | - |
+| `GOOGLE_BASE_URL` | Custom Google endpoint | - |
+
+**Provider Auto-Selection**:
+1. If `--provider` specified → use it
+2. If only one API key available → use that provider
+3. If both available → default to Google
+
 #### baoyu-danger-gemini-web

 Interacts with Gemini Web to generate text and images.
@@ -385,6 +617,44 @@ Compress images to reduce file size while maintaining quality.
 /baoyu-compress-image path/to/images/ --quality 80
 ```

+## Environment Configuration
+
+Some skills require API keys or custom configuration. Environment variables can be set in `.env` files:
+
+**Load Priority** (higher priority overrides lower):
+1. CLI environment variables (e.g., `OPENAI_API_KEY=xxx /baoyu-image-gen ...`)
+2. `process.env` (system environment)
+3. `<cwd>/.baoyu-skills/.env` (project-level)
+4. `~/.baoyu-skills/.env` (user-level)
+
+**Setup**:
+
+```bash
+# Create user-level config directory
+mkdir -p ~/.baoyu-skills
+
+# Create .env file
+cat > ~/.baoyu-skills/.env << 'EOF'
+# OpenAI
+OPENAI_API_KEY=sk-xxx
+OPENAI_IMAGE_MODEL=gpt-image-1.5
+# OPENAI_BASE_URL=https://api.openai.com/v1
+
+# Google
+GOOGLE_API_KEY=xxx
+GOOGLE_IMAGE_MODEL=gemini-3-pro-image-preview
+# GOOGLE_BASE_URL=https://generativelanguage.googleapis.com/v1beta
+EOF
+```
+
+**Project-level config** (for team sharing):
+
+```bash
+mkdir -p .baoyu-skills
+# Add .baoyu-skills/.env to .gitignore to avoid committing secrets
+echo ".baoyu-skills/.env" >> .gitignore
+```
+
 ## Customization

 All skills support customization via `EXTEND.md` files. Create an extension file to override default styles, add custom configurations, or define your own presets.
@@ -421,10 +691,18 @@ This skill uses the Gemini Web API (reverse-engineered).

 **Warning:** This project uses unofficial API access via browser cookies. Use at your own risk.

- First run opens Chrome to authenticate with Google
+- First run opens a browser to authenticate with Google
 - Cookies are cached for subsequent runs
 - No guarantees on API stability or availability

+**Supported browsers** (auto-detected): Google Chrome, Chrome Canary/Beta, Chromium, Microsoft Edge
+
+**Proxy configuration**: If you need a proxy to access Google services (e.g., in China), set environment variables inline:
+
+```bash
+HTTP_PROXY=http://127.0.0.1:7890 HTTPS_PROXY=http://127.0.0.1:7890 /baoyu-danger-gemini-web "Hello"
+```
+
 ### baoyu-danger-x-to-markdown

 This skill uses a reverse-engineered X (Twitter) API.
@@ -14,7 +14,7 @@
 ### 快速安装（推荐）

 ```bash
-npx add-skill jimliu/baoyu-skills
+npx skills add jimliu/baoyu-skills
 ```

 ### 注册插件市场
@@ -53,8 +53,8 @@ npx add-skill jimliu/baoyu-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) |
+| **content-skills** | 内容生成和发布 | [xhs-images](#baoyu-xhs-images), [infographic](#baoyu-infographic), [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 生成后端 | [image-gen](#baoyu-image-gen), [danger-gemini-web](#baoyu-danger-gemini-web) |
 | **utility-skills** | 内容处理工具 | [danger-x-to-markdown](#baoyu-danger-x-to-markdown), [compress-image](#baoyu-compress-image) |

 ## 更新技能
@@ -99,7 +99,18 @@ npx add-skill jimliu/baoyu-skills
 /baoyu-xhs-images 今日星座运势
 ```

-**风格**（视觉美学）：`cute`（默认）、`fresh`、`tech`、`warm`、`bold`、`minimal`、`retro`、`pop`、`notion`
+**风格**（视觉美学）：`cute`（默认）、`fresh`、`warm`、`bold`、`minimal`、`retro`、`pop`、`notion`、`chalkboard`
+
+**风格预览**：
+
+| | | |
+|:---:|:---:|:---:|
+| ![cute](./screenshots/xhs-images-styles/cute.webp) | ![fresh](./screenshots/xhs-images-styles/fresh.webp) | ![warm](./screenshots/xhs-images-styles/warm.webp) |
+| cute | fresh | warm |
+| ![bold](./screenshots/xhs-images-styles/bold.webp) | ![minimal](./screenshots/xhs-images-styles/minimal.webp) | ![retro](./screenshots/xhs-images-styles/retro.webp) |
+| bold | minimal | retro |
+| ![pop](./screenshots/xhs-images-styles/pop.webp) | ![notion](./screenshots/xhs-images-styles/notion.webp) | ![chalkboard](./screenshots/xhs-images-styles/chalkboard.webp) |
+| pop | notion | chalkboard |

 **布局**（信息密度）：
 | 布局 | 密度 | 适用场景 |
@@ -111,6 +122,127 @@ npx add-skill jimliu/baoyu-skills
 | `comparison` | 双栏 | 对比、优劣 |
 | `flow` | 3-6 步 | 流程、时间线 |

+**布局预览**：
+
+| | | |
+|:---:|:---:|:---:|
+| ![sparse](./screenshots/xhs-images-layouts/sparse.webp) | ![balanced](./screenshots/xhs-images-layouts/balanced.webp) | ![dense](./screenshots/xhs-images-layouts/dense.webp) |
+| sparse | balanced | dense |
+| ![list](./screenshots/xhs-images-layouts/list.webp) | ![comparison](./screenshots/xhs-images-layouts/comparison.webp) | ![flow](./screenshots/xhs-images-layouts/flow.webp) |
+| list | comparison | flow |
+
+#### baoyu-infographic
+
+专业信息图生成器，支持 20 种布局和 17 种视觉风格。分析内容后推荐布局×风格组合，生成可发布的信息图。
+
+```bash
+# 根据内容自动推荐组合
+/baoyu-infographic path/to/content.md
+
+# 指定布局
+/baoyu-infographic path/to/content.md --layout pyramid
+
+# 指定风格（默认：craft-handmade）
+/baoyu-infographic path/to/content.md --style technical-schematic
+
+# 同时指定布局和风格
+/baoyu-infographic path/to/content.md --layout funnel --style corporate-memphis
+
+# 指定比例
+/baoyu-infographic path/to/content.md --aspect portrait
+```
+
+**选项**：
+| 选项 | 说明 |
+|------|------|
+| `--layout <name>` | 信息布局（20 种选项） |
+| `--style <name>` | 视觉风格（17 种选项，默认：craft-handmade） |
+| `--aspect <ratio>` | landscape (16:9)、portrait (9:16)、square (1:1) |
+| `--lang <code>` | 输出语言（en、zh、ja 等） |
+
+**布局**（信息结构）：
+
+| 布局 | 适用场景 |
+|------|----------|
+| `bridge` | 问题→解决方案、跨越鸿沟 |
+| `circular-flow` | 循环、周期性流程 |
+| `comparison-table` | 多因素对比 |
+| `do-dont` | 正确 vs 错误做法 |
+| `equation` | 公式分解、输入→输出 |
+| `feature-list` | 产品功能、要点列表 |
+| `fishbone` | 根因分析、鱼骨图 |
+| `funnel` | 转化漏斗、筛选过程 |
+| `grid-cards` | 多主题概览、卡片网格 |
+| `iceberg` | 表面 vs 隐藏层面 |
+| `journey-path` | 用户旅程、里程碑 |
+| `layers-stack` | 技术栈、分层结构 |
+| `mind-map` | 头脑风暴、思维导图 |
+| `nested-circles` | 影响层级、范围圈 |
+| `priority-quadrants` | 四象限矩阵、优先级 |
+| `pyramid` | 层级金字塔、马斯洛需求 |
+| `scale-balance` | 利弊权衡、天平对比 |
+| `timeline-horizontal` | 历史、时间线事件 |
+| `tree-hierarchy` | 组织架构、分类树 |
+| `venn` | 重叠概念、韦恩图 |
+
+**布局预览**：
+
+| | | |
+|:---:|:---:|:---:|
+| ![bridge](./screenshots/infographic-layouts/bridge.webp) | ![circular-flow](./screenshots/infographic-layouts/circular-flow.webp) | ![comparison-table](./screenshots/infographic-layouts/comparison-table.webp) |
+| bridge | circular-flow | comparison-table |
+| ![do-dont](./screenshots/infographic-layouts/do-dont.webp) | ![equation](./screenshots/infographic-layouts/equation.webp) | ![feature-list](./screenshots/infographic-layouts/feature-list.webp) |
+| do-dont | equation | feature-list |
+| ![fishbone](./screenshots/infographic-layouts/fishbone.webp) | ![funnel](./screenshots/infographic-layouts/funnel.webp) | ![grid-cards](./screenshots/infographic-layouts/grid-cards.webp) |
+| fishbone | funnel | grid-cards |
+| ![iceberg](./screenshots/infographic-layouts/iceberg.webp) | ![journey-path](./screenshots/infographic-layouts/journey-path.webp) | ![layers-stack](./screenshots/infographic-layouts/layers-stack.webp) |
+| iceberg | journey-path | layers-stack |
+| ![mind-map](./screenshots/infographic-layouts/mind-map.webp) | ![nested-circles](./screenshots/infographic-layouts/nested-circles.webp) | ![priority-quadrants](./screenshots/infographic-layouts/priority-quadrants.webp) |
+| mind-map | nested-circles | priority-quadrants |
+| ![pyramid](./screenshots/infographic-layouts/pyramid.webp) | ![scale-balance](./screenshots/infographic-layouts/scale-balance.webp) | ![timeline-horizontal](./screenshots/infographic-layouts/timeline-horizontal.webp) |
+| pyramid | scale-balance | timeline-horizontal |
+| ![tree-hierarchy](./screenshots/infographic-layouts/tree-hierarchy.webp) | ![venn](./screenshots/infographic-layouts/venn.webp) | |
+| tree-hierarchy | venn | |
+
+**风格**（视觉美学）：
+
+| 风格 | 描述 |
+|------|------|
+| `craft-handmade`（默认） | 手绘插画、纸艺风格 |
+| `claymation` | 3D 黏土人物、定格动画感 |
+| `kawaii` | 日系可爱、大眼睛、粉彩色 |
+| `storybook-watercolor` | 柔和水彩、童话绘本 |
+| `chalkboard` | 彩色粉笔、黑板风格 |
+| `cyberpunk-neon` | 霓虹灯光、暗色未来感 |
+| `bold-graphic` | 漫画风格、网点、高对比 |
+| `aged-academia` | 复古科学、泛黄素描 |
+| `corporate-memphis` | 扁平矢量人物、鲜艳填充 |
+| `technical-schematic` | 蓝图、等距 3D、工程图 |
+| `origami` | 折纸形态、几何感 |
+| `pixel-art` | 复古 8-bit、怀旧游戏 |
+| `ui-wireframe` | 灰度框图、界面原型 |
+| `subway-map` | 地铁图、彩色线路 |
+| `ikea-manual` | 极简线条、组装说明风 |
+| `knolling` | 整齐平铺、俯视图 |
+| `lego-brick` | 乐高积木、童趣拼搭 |
+
+**风格预览**：
+
+| | | |
+|:---:|:---:|:---:|
+| ![craft-handmade](./screenshots/infographic-styles/craft-handmade.webp) | ![claymation](./screenshots/infographic-styles/claymation.webp) | ![kawaii](./screenshots/infographic-styles/kawaii.webp) |
+| craft-handmade | claymation | kawaii |
+| ![storybook-watercolor](./screenshots/infographic-styles/storybook-watercolor.webp) | ![chalkboard](./screenshots/infographic-styles/chalkboard.webp) | ![cyberpunk-neon](./screenshots/infographic-styles/cyberpunk-neon.webp) |
+| storybook-watercolor | chalkboard | cyberpunk-neon |
+| ![bold-graphic](./screenshots/infographic-styles/bold-graphic.webp) | ![aged-academia](./screenshots/infographic-styles/aged-academia.webp) | ![corporate-memphis](./screenshots/infographic-styles/corporate-memphis.webp) |
+| bold-graphic | aged-academia | corporate-memphis |
+| ![technical-schematic](./screenshots/infographic-styles/technical-schematic.webp) | ![origami](./screenshots/infographic-styles/origami.webp) | ![pixel-art](./screenshots/infographic-styles/pixel-art.webp) |
+| technical-schematic | origami | pixel-art |
+| ![ui-wireframe](./screenshots/infographic-styles/ui-wireframe.webp) | ![subway-map](./screenshots/infographic-styles/subway-map.webp) | ![ikea-manual](./screenshots/infographic-styles/ikea-manual.webp) |
+| ui-wireframe | subway-map | ikea-manual |
+| ![knolling](./screenshots/infographic-styles/knolling.webp) | ![lego-brick](./screenshots/infographic-styles/lego-brick.webp) | |
+| knolling | lego-brick | |
+
 #### baoyu-cover-image

 为文章生成手绘风格封面图，支持多种风格选项。
@@ -127,26 +259,26 @@ npx add-skill jimliu/baoyu-skills
 /baoyu-cover-image path/to/article.md --no-title
 ```

-可用风格：`elegant`（默认）、`blueprint`、`bold`、`bold-editorial`、`chalkboard`、`dark-atmospheric`、`editorial-infographic`、`fantasy-animation`、`intuition-machine`、`minimal`、`nature`、`notion`、`pixel-art`、`playful`、`retro`、`sketch-notes`、`vector-illustration`、`vintage`、`warm`、`watercolor`
+可用风格：`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`

 **风格预览**：

 | | | |
 |:---:|:---:|:---:|
-| ![elegant](./screenshots/cover-image-styles/elegant.webp) | ![blueprint](./screenshots/cover-image-styles/blueprint.webp) | ![bold](./screenshots/cover-image-styles/bold.webp) |
-| elegant | blueprint | bold |
-| ![bold-editorial](./screenshots/cover-image-styles/bold-editorial.webp) | ![chalkboard](./screenshots/cover-image-styles/chalkboard.webp) | ![dark-atmospheric](./screenshots/cover-image-styles/dark-atmospheric.webp) |
-| bold-editorial | chalkboard | dark-atmospheric |
-| ![editorial-infographic](./screenshots/cover-image-styles/editorial-infographic.webp) | ![fantasy-animation](./screenshots/cover-image-styles/fantasy-animation.webp) | ![intuition-machine](./screenshots/cover-image-styles/intuition-machine.webp) |
-| editorial-infographic | fantasy-animation | intuition-machine |
-| ![minimal](./screenshots/cover-image-styles/minimal.webp) | ![nature](./screenshots/cover-image-styles/nature.webp) | ![notion](./screenshots/cover-image-styles/notion.webp) |
-| minimal | nature | notion |
-| ![pixel-art](./screenshots/cover-image-styles/pixel-art.webp) | ![playful](./screenshots/cover-image-styles/playful.webp) | ![retro](./screenshots/cover-image-styles/retro.webp) |
-| pixel-art | playful | retro |
-| ![sketch-notes](./screenshots/cover-image-styles/sketch-notes.webp) | ![vector-illustration](./screenshots/cover-image-styles/vector-illustration.webp) | ![vintage](./screenshots/cover-image-styles/vintage.webp) |
-| sketch-notes | vector-illustration | vintage |
-| ![warm](./screenshots/cover-image-styles/warm.webp) | ![watercolor](./screenshots/cover-image-styles/watercolor.webp) | |
-| warm | watercolor | |
+| ![elegant](./screenshots/cover-image-styles/elegant.webp) | ![blueprint](./screenshots/cover-image-styles/blueprint.webp) | ![bold-editorial](./screenshots/cover-image-styles/bold-editorial.webp) |
+| elegant | blueprint | bold-editorial |
+| ![chalkboard](./screenshots/cover-image-styles/chalkboard.webp) | ![dark-atmospheric](./screenshots/cover-image-styles/dark-atmospheric.webp) | ![editorial-infographic](./screenshots/cover-image-styles/editorial-infographic.webp) |
+| chalkboard | dark-atmospheric | editorial-infographic |
+| ![fantasy-animation](./screenshots/cover-image-styles/fantasy-animation.webp) | ![intuition-machine](./screenshots/cover-image-styles/intuition-machine.webp) | ![minimal](./screenshots/cover-image-styles/minimal.webp) |
+| fantasy-animation | intuition-machine | minimal |
+| ![nature](./screenshots/cover-image-styles/nature.webp) | ![notion](./screenshots/cover-image-styles/notion.webp) | ![pixel-art](./screenshots/cover-image-styles/pixel-art.webp) |
+| nature | notion | pixel-art |
+| ![playful](./screenshots/cover-image-styles/playful.webp) | ![retro](./screenshots/cover-image-styles/retro.webp) | ![sketch-notes](./screenshots/cover-image-styles/sketch-notes.webp) |
+| playful | retro | sketch-notes |
+| ![vector-illustration](./screenshots/cover-image-styles/vector-illustration.webp) | ![vintage](./screenshots/cover-image-styles/vintage.webp) | ![warm](./screenshots/cover-image-styles/warm.webp) |
+| vector-illustration | vintage | warm |
+| ![watercolor](./screenshots/cover-image-styles/watercolor.webp) | ![flat-doodle](./screenshots/cover-image-styles/flat-doodle.webp) | |
+| watercolor | flat-doodle | |

 #### baoyu-slide-deck

@@ -235,7 +367,7 @@ npx add-skill jimliu/baoyu-skills
 **选项**：
 | 选项 | 取值 |
 |------|------|
-| `--style` | `classic`（默认）、`dramatic`、`warm`、`sepia`、`vibrant`、`ohmsha`、`realistic`、`wuxia`，或自然语言描述 |
+| `--style` | `classic`（默认）、`dramatic`、`warm`、`sepia`、`vibrant`、`ohmsha`、`realistic`、`wuxia`、`shoujo`，或自然语言描述 |
 | `--layout` | `standard`（默认）、`cinematic`、`dense`、`splash`、`mixed`、`webtoon` |
 | `--aspect` | `3:4`（默认，竖版）、`4:3`（横版）、`16:9`（宽屏） |
 | `--lang` | `auto`（默认）、`zh`、`en`、`ja` 等 |
@@ -252,6 +384,7 @@ npx add-skill jimliu/baoyu-skills
 | `ohmsha` | 欧姆社漫画风格，视觉比喻、道具、学生/导师互动 | 技术教程、复杂概念（机器学习、物理） |
 | `realistic` | 全彩写实日漫风格，数字绘画、平滑渐变、准确人体比例 | 红酒、美食、商业、生活方式、专业话题 |
 | `wuxia` | 港漫武侠风格，水墨笔触、动态打斗、气功特效 | 武侠、仙侠、中国历史小说 |
+| `shoujo` | 经典少女漫画风格，大眼睛闪亮高光、花朵星星装饰、粉紫色调 | 恋爱、青春成长、友情、情感故事 |

 **风格预览**：

@@ -261,8 +394,8 @@ npx add-skill jimliu/baoyu-skills
 | classic | dramatic | warm |
 | ![sepia](./screenshots/comic-styles/sepia.webp) | ![vibrant](./screenshots/comic-styles/vibrant.webp) | ![ohmsha](./screenshots/comic-styles/ohmsha.webp) |
 | sepia | vibrant | ohmsha |
-| ![realistic](./screenshots/comic-styles/realistic.webp) | ![wuxia](./screenshots/comic-styles/wuxia.webp) | |
-| realistic | wuxia | |
+| ![realistic](./screenshots/comic-styles/realistic.webp) | ![wuxia](./screenshots/comic-styles/wuxia.webp) | ![shoujo](./screenshots/comic-styles/shoujo.webp) |
+| realistic | wuxia | shoujo |

 **布局**（分镜排列）：
 | 布局 | 每页分镜数 | 适用场景 |
@@ -288,9 +421,59 @@ npx add-skill jimliu/baoyu-skills
 智能文章插图技能。分析文章内容，在需要视觉辅助的位置生成插图。

 ```bash
+# 根据内容自动选择风格
 /baoyu-article-illustrator path/to/article.md
+
+# 指定风格
+/baoyu-article-illustrator path/to/article.md --style warm
+/baoyu-article-illustrator path/to/article.md --style watercolor
 ```

+**风格**（视觉美学）：
+
+| 风格 | 描述 | 适用场景 |
+|------|------|----------|
+| `notion`（默认） | 极简手绘线条画 | 知识分享、SaaS、生产力 |
+| `elegant` | 精致、优雅、专业 | 商业、思想领导力 |
+| `warm` | 友好、亲切、人文关怀 | 个人成长、生活方式 |
+| `minimal` | 极简、禅意、专注 | 哲学、极简主义 |
+| `playful` | 有趣、创意、俏皮 | 教程、新手指南 |
+| `nature` | 自然、平静、质朴 | 可持续发展、健康 |
+| `sketch` | 原始、真实、笔记风格 | 想法、头脑风暴 |
+| `watercolor` | 柔和艺术感、自然温暖 | 生活方式、旅行、创意 |
+| `vintage` | 怀旧做旧纸张美学 | 历史、传记 |
+| `scientific` | 学术精确图表 | 生物、化学、技术 |
+| `chalkboard` | 教室粉笔画风格 | 教育、教程 |
+| `editorial` | 杂志风格信息图 | 科技解说、新闻 |
+| `flat` | 现代扁平矢量插画 | 创业公司、数字化 |
+| `flat-doodle` | 粗轮廓、粉彩色、可爱风 | 生产力、SaaS、工作流 |
+| `retro` | 80/90 年代复古鲜艳 | 流行文化、娱乐 |
+| `blueprint` | 技术蓝图、工程精度 | 架构、系统设计 |
+| `vector-illustration` | 扁平矢量、黑色轮廓、复古 | 教育、创意、品牌 |
+| `sketch-notes` | 柔和手绘、温暖感 | 知识分享、教程 |
+| `pixel-art` | 复古 8-bit 游戏风格 | 游戏、技术、开发者 |
+| `intuition-machine` | 技术简报、双语标签 | 学术、技术、研究 |
+| `fantasy-animation` | 吉卜力/迪士尼童话风格 | 故事、儿童、创意 |
+
+**风格预览**：
+
+| | | |
+|:---:|:---:|:---:|
+| ![notion](./screenshots/article-illustrator-styles/notion.webp) | ![elegant](./screenshots/article-illustrator-styles/elegant.webp) | ![warm](./screenshots/article-illustrator-styles/warm.webp) |
+| notion | elegant | warm |
+| ![minimal](./screenshots/article-illustrator-styles/minimal.webp) | ![playful](./screenshots/article-illustrator-styles/playful.webp) | ![nature](./screenshots/article-illustrator-styles/nature.webp) |
+| minimal | playful | nature |
+| ![sketch](./screenshots/article-illustrator-styles/sketch.webp) | ![watercolor](./screenshots/article-illustrator-styles/watercolor.webp) | ![vintage](./screenshots/article-illustrator-styles/vintage.webp) |
+| sketch | watercolor | vintage |
+| ![scientific](./screenshots/article-illustrator-styles/scientific.webp) | ![chalkboard](./screenshots/article-illustrator-styles/chalkboard.webp) | ![editorial](./screenshots/article-illustrator-styles/editorial.webp) |
+| scientific | chalkboard | editorial |
+| ![flat](./screenshots/article-illustrator-styles/flat.webp) | ![retro](./screenshots/article-illustrator-styles/retro.webp) | ![blueprint](./screenshots/article-illustrator-styles/blueprint.webp) |
+| flat | retro | blueprint |
+| ![vector-illustration](./screenshots/article-illustrator-styles/vector-illustration.webp) | ![sketch-notes](./screenshots/article-illustrator-styles/sketch-notes.webp) | ![pixel-art](./screenshots/article-illustrator-styles/pixel-art.webp) |
+| vector-illustration | sketch-notes | pixel-art |
+| ![intuition-machine](./screenshots/article-illustrator-styles/intuition-machine.webp) | ![fantasy-animation](./screenshots/article-illustrator-styles/fantasy-animation.webp) | ![flat-doodle](./screenshots/article-illustrator-styles/flat-doodle.webp) |
+| intuition-machine | fantasy-animation | flat-doodle |
+
 #### baoyu-post-to-x

 发布内容和文章到 X (Twitter)。支持带图片的普通帖子和 X 文章（长篇 Markdown）。使用真实 Chrome + CDP 绕过反自动化检测。
@@ -332,6 +515,55 @@ npx add-skill jimliu/baoyu-skills

 AI 驱动的生成后端。

+#### baoyu-image-gen
+
+基于 AI SDK 的图像生成，使用官方 OpenAI 和 Google API。支持文生图、参考图、宽高比和质量预设。
+
+```bash
+# 基础生成（自动检测服务商）
+/baoyu-image-gen --prompt "一只可爱的猫" --image cat.png
+
+# 指定宽高比
+/baoyu-image-gen --prompt "风景图" --image landscape.png --ar 16:9
+
+# 高质量（2k 分辨率）
+/baoyu-image-gen --prompt "横幅图" --image banner.png --quality 2k
+
+# 指定服务商
+/baoyu-image-gen --prompt "一只猫" --image cat.png --provider openai
+
+# 带参考图（仅 Google 多模态支持）
+/baoyu-image-gen --prompt "把它变成蓝色" --image out.png --ref source.png
+```
+
+**选项**：
+| 选项 | 说明 |
+|------|------|
+| `--prompt`, `-p` | 提示词文本 |
+| `--promptfiles` | 从文件读取提示词（多文件拼接） |
+| `--image` | 输出图片路径（必需） |
+| `--provider` | `google` 或 `openai`（默认：google） |
+| `--model`, `-m` | 模型 ID |
+| `--ar` | 宽高比（如 `16:9`、`1:1`、`4:3`） |
+| `--size` | 尺寸（如 `1024x1024`） |
+| `--quality` | `normal` 或 `2k`（默认：normal） |
+| `--ref` | 参考图片（仅 Google 多模态支持） |
+
+**环境变量**（配置方法见[环境配置](#环境配置)）：
+| 变量 | 说明 | 默认值 |
+|------|------|--------|
+| `OPENAI_API_KEY` | OpenAI API 密钥 | - |
+| `GOOGLE_API_KEY` | Google API 密钥 | - |
+| `OPENAI_IMAGE_MODEL` | OpenAI 模型 | `gpt-image-1.5` |
+| `GOOGLE_IMAGE_MODEL` | Google 模型 | `gemini-3-pro-image-preview` |
+| `OPENAI_BASE_URL` | 自定义 OpenAI 端点 | - |
+| `GOOGLE_BASE_URL` | 自定义 Google 端点 | - |
+
+**服务商自动选择**：
+1. 如果指定了 `--provider` → 使用指定的
+2. 如果只有一个 API 密钥 → 使用对应服务商
+3. 如果两个都有 → 默认使用 Google
+
 #### baoyu-danger-gemini-web

 与 Gemini Web 交互，生成文本和图片。
@@ -385,6 +617,44 @@ AI 驱动的生成后端。
 /baoyu-compress-image path/to/images/ --quality 80
 ```

+## 环境配置
+
+部分技能需要 API 密钥或自定义配置。环境变量可以在 `.env` 文件中设置：
+
+**加载优先级**（高优先级覆盖低优先级）：
+1. 命令行环境变量（如 `OPENAI_API_KEY=xxx /baoyu-image-gen ...`）
+2. `process.env`（系统环境变量）
+3. `<cwd>/.baoyu-skills/.env`（项目级）
+4. `~/.baoyu-skills/.env`（用户级）
+
+**配置方法**：
+
+```bash
+# 创建用户级配置目录
+mkdir -p ~/.baoyu-skills
+
+# 创建 .env 文件
+cat > ~/.baoyu-skills/.env << 'EOF'
+# OpenAI
+OPENAI_API_KEY=sk-xxx
+OPENAI_IMAGE_MODEL=gpt-image-1.5
+# OPENAI_BASE_URL=https://api.openai.com/v1
+
+# Google
+GOOGLE_API_KEY=xxx
+GOOGLE_IMAGE_MODEL=gemini-3-pro-image-preview
+# GOOGLE_BASE_URL=https://generativelanguage.googleapis.com/v1beta
+EOF
+```
+
+**项目级配置**（团队共享）：
+
+```bash
+mkdir -p .baoyu-skills
+# 将 .baoyu-skills/.env 添加到 .gitignore 避免提交密钥
+echo ".baoyu-skills/.env" >> .gitignore
+```
+
 ## 自定义扩展

 所有技能支持通过 `EXTEND.md` 文件自定义。创建扩展文件可覆盖默认样式、添加自定义配置或定义个人预设。
@@ -421,10 +691,18 @@ mkdir -p .baoyu-skills/baoyu-cover-image

 **警告：** 本项目通过浏览器 cookies 使用非官方 API。使用风险自负。

- 首次运行会打开 Chrome 进行 Google 身份验证
+- 首次运行会打开浏览器进行 Google 身份验证
 - Cookies 会被缓存供后续使用
 - 不保证 API 的稳定性或可用性

+**支持的浏览器**（自动检测）：Google Chrome、Chrome Canary/Beta、Chromium、Microsoft Edge
+
+**代理配置**：如果需要通过代理访问 Google 服务（如中国大陆用户），请在命令前设置环境变量：
+
+```bash
+HTTP_PROXY=http://127.0.0.1:7890 HTTPS_PROXY=http://127.0.0.1:7890 /baoyu-danger-gemini-web "你好"
+```
+
 ### baoyu-danger-x-to-markdown

 此技能使用逆向工程的 X (Twitter) API。
@@ -14,9 +14,9 @@ Analyze article structure and content, identify positions requiring visual aids,
 /baoyu-article-illustrator path/to/article.md

 # Specify a style
-/baoyu-article-illustrator path/to/article.md --style tech
 /baoyu-article-illustrator path/to/article.md --style warm
 /baoyu-article-illustrator path/to/article.md --style minimal
+/baoyu-article-illustrator path/to/article.md --style watercolor

 # Combine with other options
 /baoyu-article-illustrator path/to/article.md --style playful
@@ -30,59 +30,31 @@ Analyze article structure and content, identify positions requiring visual aids,

 ## Style Gallery

-### 1. `elegant`
-Refined, sophisticated, professional
- **Colors**: Soft coral, muted teal, dusty rose, cream background
- **Elements**: Delicate line work, subtle icons, balanced composition
- **Best for**: Professional articles, thought leadership, business topics
+| Style | Description | Best For |
+|-------|-------------|----------|
+| `notion` (Default) | Minimalist hand-drawn line art, intellectual | Knowledge sharing, SaaS, productivity |
+| `elegant` | Refined, sophisticated, professional | Business, thought leadership |
+| `warm` | Friendly, approachable, human-centered | Personal growth, lifestyle, education |
+| `minimal` | Ultra-clean, zen-like, focused | Philosophy, minimalism, core concepts |
+| `playful` | Fun, creative, whimsical | Tutorials, beginner guides, fun topics |
+| `nature` | Organic, calm, earthy | Sustainability, wellness, outdoor |
+| `sketch` | Raw, authentic, notebook-style | Ideas, brainstorming, drafts |
+| `watercolor` | Soft artistic with natural warmth | Lifestyle, travel, creative |
+| `vintage` | Nostalgic aged-paper aesthetic | Historical, biography, heritage |
+| `scientific` | Academic precise diagrams | Biology, chemistry, technical |
+| `chalkboard` | Classroom chalk drawing style | Education, tutorials, workshops |
+| `editorial` | Magazine-style infographic | Tech explainers, journalism |
+| `flat` | Modern flat vector illustration | Startups, digital, contemporary |
+| `flat-doodle` | Bold outlines, pastel colors, cute | Productivity, SaaS, workflows |
+| `retro` | 80s/90s vibrant nostalgic | Pop culture, gaming, entertainment |
+| `blueprint` | Technical schematics, engineering precision | Architecture, system design |
+| `vector-illustration` | Flat vector with black outlines, retro colors | Educational, creative, brand content |
+| `sketch-notes` | Soft hand-drawn, warm educational feel | Knowledge sharing, tutorials |
+| `pixel-art` | Retro 8-bit gaming aesthetic | Gaming, tech, developer content |
+| `intuition-machine` | Technical briefing with bilingual labels | Academic, technical, bilingual |
+| `fantasy-animation` | Ghibli/Disney whimsical style | Storytelling, children's, creative |

-### 2. `tech`
-Modern, futuristic, digital
- **Colors**: Deep blue, electric cyan, purple, dark backgrounds
- **Elements**: Geometric shapes, circuit patterns, data visualizations, tech icons
- **Best for**: AI, programming, technology, digital transformation articles
-
-### 3. `warm`
-Friendly, approachable, human-centered
- **Colors**: Warm orange, golden yellow, terracotta, cream
- **Elements**: Rounded shapes, friendly characters, sun/light motifs, hearts
- **Best for**: Personal growth, lifestyle, education, human interest stories
-
-### 4. `bold`
-High contrast, impactful, energetic
- **Colors**: Vibrant red/orange, deep black, bright yellow accents
- **Elements**: Strong shapes, dramatic contrast, dynamic compositions
- **Best for**: Opinion pieces, important warnings, call-to-action content
-
-### 5. `minimal`
-Ultra-clean, zen-like, focused
- **Colors**: Black, white, single accent color
- **Elements**: Maximum whitespace, single focal element, simple lines
- **Best for**: Philosophy, minimalism, focused explanations
-
-### 6. `playful`
-Fun, creative, whimsical
- **Colors**: Pastel rainbow, bright pops, light backgrounds
- **Elements**: Doodles, quirky characters, speech bubbles, emoji-style icons
- **Best for**: Tutorials, beginner guides, casual content, fun topics
-
-### 7. `nature`
-Organic, calm, earthy
- **Colors**: Forest green, earth brown, sky blue, sand beige
- **Elements**: Plant motifs, natural textures, flowing lines, organic shapes
- **Best for**: Sustainability, wellness, outdoor topics, slow living
-
-### 8. `sketch`
-Raw, authentic, notebook-style
- **Colors**: Pencil gray, paper white, occasional color highlights
- **Elements**: Rough lines, sketch marks, handwritten notes, arrows
- **Best for**: Ideas in progress, brainstorming, thought processes
-
-### 9. `notion` (Default)
-Minimalist hand-drawn line art, intellectual
- **Colors**: Black outlines, white background, 1-2 pastel accents
- **Elements**: Simple line doodles, geometric shapes, hand-drawn wobble, maximum whitespace
- **Best for**: Knowledge sharing, concept explanations, SaaS content, productivity articles
+Full style specifications in `references/styles/<style>.md`

 ## Auto Style Selection

@@ -90,15 +62,28 @@ When no `--style` is specified, analyze content to select the best style:

 | Content Signals | Selected Style |
 |----------------|----------------|
-| AI, coding, tech, digital, algorithm, data | `tech` |
-| Personal story, emotion, growth, life, feeling | `warm` |
-| Warning, urgent, must-read, critical, important | `bold` |
-| Simple, zen, focus, essential, core | `minimal` |
-| Fun, easy, beginner, tutorial, guide, how-to | `playful` |
-| Nature, eco, wellness, health, organic, green | `nature` |
-| Idea, thought, concept, draft, brainstorm | `sketch` |
-| Business, professional, strategy, analysis | `elegant` |
-| Knowledge, concept, productivity, SaaS, notion | `notion` |
+| Personal story, emotion, growth, life, feeling, relationship | `warm` |
+| Simple, zen, focus, essential, core, minimalist | `minimal` |
+| Fun, easy, beginner, tutorial, guide, how-to, learn | `playful` |
+| Nature, eco, wellness, health, organic, green, outdoor | `nature` |
+| Idea, thought, concept, draft, brainstorm, sketch | `sketch` |
+| Business, professional, strategy, analysis, corporate | `elegant` |
+| Knowledge, concept, productivity, SaaS, notion, tool | `notion` |
+| Lifestyle, travel, food, art, creative, artistic | `watercolor` |
+| History, heritage, vintage, biography, classic, expedition | `vintage` |
+| Biology, chemistry, medical, scientific, research, academic | `scientific` |
+| Education, classroom, teaching, school, lecture, workshop | `chalkboard` |
+| Explainer, journalism, magazine, in-depth, investigation | `editorial` |
+| Modern, startup, app, product, digital marketing, saas | `flat` |
+| Productivity, workflow, cute, tools, app tutorial | `flat-doodle` |
+| 80s, 90s, retro, pop culture, music, nostalgia | `retro` |
+| Architecture, system, infrastructure, engineering, technical | `blueprint` |
+| Brand, explainer, children, cute, toy, geometric | `vector-illustration` |
+| Notes, doodle, friendly, warm tutorial, onboarding | `sketch-notes` |
+| Gaming, 8-bit, pixel, developer, retro tech | `pixel-art` |
+| Bilingual, briefing, academic, research, documentation | `intuition-machine` |
+| Fantasy, story, magical, Ghibli, Disney, children | `fantasy-animation` |
+| Default | `notion` |

 ## File Management

@@ -365,80 +350,11 @@ Examples:
 - Must be unique within the article
 - When content changes significantly, update slug accordingly

-## Style Reference Details
+## References

-### elegant
-```
-Colors: Soft coral (#E8A598), muted teal (#5B8A8A), dusty rose (#D4A5A5)
-Background: Warm cream (#F5F0E6), soft beige
-Accents: Gold (#C9A962), copper
-Elements: Delicate lines, refined icons, subtle gradients, balanced whitespace
-```
-
-### tech
-```
-Colors: Deep blue (#1A365D), electric cyan (#00D4FF), purple (#6B46C1)
-Background: Dark gray (#1A202C), near-black (#0D1117)
-Accents: Neon green (#00FF88), bright white
-Elements: Circuit patterns, data nodes, geometric grids, glowing effects
-```
-
-### warm
-```
-Colors: Warm orange (#ED8936), golden yellow (#F6AD55), terracotta (#C05621)
-Background: Cream (#FFFAF0), soft peach (#FED7AA)
-Accents: Deep brown (#744210), soft red
-Elements: Rounded shapes, smiling faces, sun rays, hearts, cozy lighting
-```
-
-### bold
-```
-Colors: Vibrant red (#E53E3E), bright orange (#DD6B20), electric yellow (#F6E05E)
-Background: Deep black (#000000), dark charcoal
-Accents: White, neon highlights
-Elements: Strong shapes, exclamation marks, arrows, dramatic contrast
-```
-
-### minimal
-```
-Colors: Pure black (#000000), white (#FFFFFF)
-Background: White or off-white (#FAFAFA)
-Accents: Single color (content-derived)
-Elements: Single focal point, maximum negative space, thin precise lines
-```
-
-### playful
-```
-Colors: Pastel pink (#FED7E2), mint (#C6F6D5), lavender (#E9D8FD), sky blue (#BEE3F8)
-Background: Light cream (#FFFBEB), soft white
-Accents: Bright pops - yellow, coral, turquoise
-Elements: Doodles, stars, swirls, cute characters, speech bubbles
-```
-
-### nature
-```
-Colors: Forest green (#276749), sage (#9AE6B4), earth brown (#744210)
-Background: Sand beige (#F5E6D3), sky blue (#E0F2FE)
-Accents: Sunset orange, water blue
-Elements: Leaves, trees, mountains, organic flowing lines, natural textures
-```
-
-### sketch
-```
-Colors: Pencil gray (#4A5568), paper white (#FAFAFA)
-Background: Off-white paper texture (#F7FAFC)
-Accents: Single highlight color (blue, red, or yellow)
-Elements: Rough sketch lines, arrows, handwritten labels, crossed-out marks
-```
-
-### notion
-```
-Colors: Black (#1A1A1A), dark gray (#4A4A4A)
-Background: Pure white (#FFFFFF), off-white (#FAFAFA)
-Accents: Pastel blue (#A8D4F0), pastel yellow (#F9E79F), pastel pink (#FADBD8)
-Elements: Simple line doodles, hand-drawn wobble effect, geometric shapes, stick figures, maximum whitespace
-Typography: Clean hand-drawn lettering, simple sans-serif labels
-```
+| File | Content |
+|------|---------|
+| `references/styles/<style>.md` | Full style specifications with colors, elements, rules |

 ## Notes

@@ -0,0 +1,57 @@
+# blueprint
+
+Precise technical blueprint style with engineering precision
+
+## Design Aesthetic
+
+Clean, structured visual metaphors using blueprints, diagrams, and schematics. Precise, analytical and aesthetically refined. Information presented in grid-based layouts with engineering precision. Technical drawing quality with professional polish.
+
+## Background
+
+- Color: Blueprint Off-White (#FAF8F5)
+- Texture: Subtle grid overlay, engineering paper feel
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Blueprint Paper | #FAF8F5 | Primary background |
+| Grid | Light Gray | #E5E5E5 | Background grid lines |
+| Primary Text | Deep Slate | #334155 | Headlines, body |
+| Primary Accent | Engineering Blue | #2563EB | Key elements |
+| Secondary Accent | Navy Blue | #1E3A5F | Supporting elements |
+| Tertiary | Light Blue | #BFDBFE | Fills, backgrounds |
+| Warning | Amber | #F59E0B | Warnings, emphasis |
+
+## Visual Elements
+
+- Precise lines with consistent stroke weights
+- Technical schematics and clean vector graphics
+- Thin line work in technical drawing style
+- Connection lines: straight or 90-degree angles only
+- Data visualization with minimal charts
+- Dimension lines and measurement indicators
+- Cross-section style diagrams
+- Isometric or orthographic projections
+
+## Style Rules
+
+### Do
+
+- Maintain consistent line weights
+- Use grid alignment for all elements
+- Keep color palette restrained
+- Create clear visual hierarchy through scale
+- Use geometric precision for all shapes
+
+### Don't
+
+- Use hand-drawn or organic shapes
+- Add decorative flourishes
+- Use curved connection lines
+- Include photographic elements
+- Add unnecessary embellishments
+
+## Best For
+
+Technical architecture, system design, data analysis, engineering documentation, process flows, infrastructure articles
@@ -0,0 +1,62 @@
+# chalkboard
+
+Black chalkboard background with colorful chalk drawing style
+
+## Design Aesthetic
+
+Classic classroom chalkboard aesthetic with hand-drawn chalk illustrations. Nostalgic educational feel with imperfect, sketchy lines that capture the warmth of traditional teaching. Colorful chalk creates visual hierarchy while maintaining the authentic chalkboard experience.
+
+## Background
+
+- Color: Chalkboard Black (#1A1A1A) or Dark Green-Black (#1C2B1C)
+- Texture: Realistic chalkboard texture with subtle scratches, dust particles, and faint eraser marks
+
+## Typography
+
+Hand-drawn chalk lettering style with visible chalk texture. Imperfect baseline adds authenticity. White or bright colored chalk for emphasis.
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Chalkboard Black | #1A1A1A | Primary background |
+| Alt Background | Green-Black | #1C2B1C | Traditional green board |
+| Primary Text | Chalk White | #F5F5F5 | Main text, outlines |
+| Accent 1 | Chalk Yellow | #FFE566 | Highlights, emphasis |
+| Accent 2 | Chalk Pink | #FF9999 | Secondary highlights |
+| Accent 3 | Chalk Blue | #66B3FF | Diagrams, links |
+| Accent 4 | Chalk Green | #90EE90 | Success, nature |
+| Accent 5 | Chalk Orange | #FFB366 | Warnings, energy |
+
+## Visual Elements
+
+- Hand-drawn chalk illustrations with sketchy, imperfect lines
+- Chalk dust effects around text and key elements
+- Doodles: stars, arrows, underlines, circles, checkmarks
+- Mathematical formulas and simple diagrams
+- Eraser smudges and chalk residue textures
+- Wooden frame border optional
+- Stick figures and simple icons
+- Connection lines with hand-drawn feel
+
+## Style Rules
+
+### Do
+
+- Maintain authentic chalk texture on all elements
+- Use imperfect, hand-drawn quality throughout
+- Add subtle chalk dust and smudge effects
+- Create visual hierarchy with color variety
+- Include playful doodles and annotations
+
+### Don't
+
+- Use perfect geometric shapes
+- Create clean digital-looking lines
+- Add photorealistic elements
+- Use gradients or glossy effects
+- Make it look computerized
+
+## Best For
+
+Educational articles, tutorials, teaching content, workshops, informal learning, knowledge sharing, how-to guides, classroom-style explanations
@@ -0,0 +1,59 @@
+# editorial
+
+Magazine-style editorial infographic for professional content
+
+## Design Aesthetic
+
+High-quality magazine explainer aesthetic. Clear visual storytelling with structured layouts and professional typography. Think Wired, The Verge, or quality science publications. Complex information made digestible.
+
+## Background
+
+- Color: Pure White (#FFFFFF) or Light Gray (#F8F9FA)
+- Texture: None or subtle paper grain
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Pure White | #FFFFFF | Primary background |
+| Alt Background | Light Gray | #F8F9FA | Section backgrounds |
+| Primary Text | Near Black | #1A1A1A | Headlines, body |
+| Secondary Text | Dark Gray | #4A5568 | Captions |
+| Accent 1 | Editorial Blue | #2563EB | Primary accent |
+| Accent 2 | Coral | #F97316 | Secondary accent |
+| Accent 3 | Emerald | #10B981 | Positive elements |
+| Accent 4 | Amber | #F59E0B | Attention points |
+| Dividers | Medium Gray | #D1D5DB | Section dividers |
+
+## Visual Elements
+
+- Clean flat illustrations
+- Structured multi-section layouts
+- Callout boxes for insights
+- Icon-based visualizations
+- Visual metaphors for concepts
+- Flow diagrams with hierarchy
+- Pull quotes and highlights
+- Clear section dividers
+
+## Style Rules
+
+### Do
+
+- Create clear narrative flow
+- Use structured layouts
+- Include callout boxes
+- Design visual metaphors
+- Maintain magazine polish
+
+### Don't
+
+- Use photographic imagery
+- Create cluttered layouts
+- Mix too many styles
+- Add purposeless decoration
+- Compromise clarity for style
+
+## Best For
+
+Technology explainers, science communication, research articles, policy analysis, investigative pieces, thought leadership, long-form journalism
@@ -0,0 +1,56 @@
+# elegant
+
+Refined, sophisticated illustration style for professional content
+
+## Design Aesthetic
+
+Elegant and refined visual approach with sophisticated color palette. Professional polish with subtle artistic touches. Emphasizes clarity and thoughtful composition. Conveys authority and trustworthiness without being cold or clinical.
+
+## Background
+
+- Color: Warm Cream (#F5F0E6) or Soft Beige (#FAF6F0)
+- Texture: Subtle paper texture, very light grain
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Warm Cream | #F5F0E6 | Primary background |
+| Primary | Soft Coral | #E8A598 | Main accent color |
+| Secondary | Muted Teal | #5B8A8A | Supporting elements |
+| Tertiary | Dusty Rose | #D4A5A5 | Subtle highlights |
+| Accent | Gold | #C9A962 | Premium touches |
+| Alt Accent | Copper | #B87333 | Warm metallic notes |
+| Text | Charcoal | #3D3D3D | Text and outlines |
+
+## Visual Elements
+
+- Delicate line work with refined strokes
+- Subtle icons with balanced weight
+- Graceful curves and flowing compositions
+- Soft gradients with smooth transitions
+- Balanced whitespace and breathing room
+- Thin borders and elegant dividers
+- Subtle drop shadows for depth
+
+## Style Rules
+
+### Do
+
+- Use refined color combinations
+- Create balanced, harmonious compositions
+- Keep elements light and airy
+- Use subtle gradients sparingly
+- Maintain generous margins
+
+### Don't
+
+- Use harsh contrasts
+- Overcrowd the composition
+- Add playful or casual elements
+- Use neon or overly bright colors
+- Create busy or cluttered layouts
+
+## Best For
+
+Professional articles, thought leadership pieces, business topics, executive communications, corporate blogs, strategy discussions, industry analysis
@@ -0,0 +1,58 @@
+# fantasy-animation
+
+Whimsical hand-drawn animation style inspired by Ghibli/Disney
+
+## Design Aesthetic
+
+Charming hand-drawn animation aesthetic reminiscent of classic Disney, Studio Ghibli, or European storybook illustration. Soft, painterly textures with warm, inviting colors. Friendly characters, magical elements, and storybook feel. Enchanting, nostalgic, and emotionally engaging.
+
+## Background
+
+- Color: Soft Sky Blue (#E8F4FC) or Warm Cream (#FFF8E7)
+- Texture: Subtle watercolor wash, soft brush strokes
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Soft Sky Blue | #E8F4FC | Primary background |
+| Alt Background | Warm Cream | #FFF8E7 | Secondary areas |
+| Primary Text | Deep Forest | #2D5A3D | Headlines |
+| Body Text | Warm Brown | #5D4E37 | Content |
+| Accent 1 | Golden Yellow | #F4D03F | Magic, highlights |
+| Accent 2 | Rose Pink | #E8A0BF | Warmth, charm |
+| Accent 3 | Sage Green | #87A96B | Nature elements |
+| Accent 4 | Sky Blue | #7EC8E3 | Air, water, dreams |
+| Accent 5 | Coral | #F08080 | Emphasis, life |
+
+## Visual Elements
+
+- Central illustrated character (friendly, expressive)
+- Small companion creatures (animals, magical beings)
+- Storybook-style environment backgrounds
+- Magical floating objects (books, orbs, sparkles)
+- Decorative elements: stars, flowers, leaves
+- Soft shadows and gentle highlights
+- Layered depth with foreground/background
+
+## Style Rules
+
+### Do
+
+- Create warm, inviting compositions
+- Use soft edges and painterly textures
+- Include charming character illustrations
+- Add magical decorative touches
+- Maintain storybook narrative feel
+
+### Don't
+
+- Use harsh geometric shapes
+- Create dark or intimidating imagery
+- Add photorealistic elements
+- Use cold color palettes
+- Make it look digital/computerized
+
+## Best For
+
+Educational content, children's articles, storytelling, creative topics, fantasy/gaming, inspirational pieces, family-friendly content
@@ -0,0 +1,61 @@
+# flat-doodle
+
+Cute flat doodle illustration style with bold outlines
+
+## Design Aesthetic
+
+Cheerful and approachable visual style combining flat design with doodle charm. Features bold black outlines around simple shapes. Bright pastel colors with no gradients or shading. Cute rounded proportions that feel friendly. Clean white backgrounds create focus and clarity.
+
+## Background
+
+- Color: Clean White (#FFFFFF)
+- Texture: None - pure white isolated background
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | White | #FFFFFF | Primary background |
+| Primary | Pastel Pink | #FFB6C1 | Main elements |
+| Secondary | Mint | #98D8C8 | Supporting elements |
+| Tertiary | Lavender | #C8A2C8 | Accent elements |
+| Accent 1 | Butter Yellow | #FFFACD | Highlight pop |
+| Accent 2 | Sky Blue | #87CEEB | Cool accent |
+| Accent 3 | Soft Coral | #F88379 | Warm accent |
+| Outline | Bold Black | #000000 | All outlines |
+| Text | Black | #1A1A1A | Text elements |
+
+## Visual Elements
+
+- Bold black outlines around all shapes
+- Simple flat color fills
+- Cute rounded proportions
+- Minimal geometric shapes
+- Productivity icons (laptops, calendars, checkmarks)
+- Isolated elements on white
+- No shading or gradients
+- Hand-drawn quality with clean edges
+
+## Style Rules
+
+### Do
+
+- Use bold black outlines consistently
+- Keep shapes simple and rounded
+- Use bright pastel palette
+- Isolate elements on white background
+- Maintain cute proportions
+- Keep minimal shading
+
+### Don't
+
+- Add shadows or depth effects
+- Use gradients or textures
+- Create complex detailed illustrations
+- Overlap too many elements
+- Use dark or moody backgrounds
+- Add realistic proportions
+
+## Best For
+
+Productivity articles, SaaS and app content, workflow tutorials, beginner guides, casual business content, tool introductions, lifestyle productivity
@@ -0,0 +1,59 @@
+# flat
+
+Modern flat vector illustration style for contemporary content
+
+## Design Aesthetic
+
+Contemporary flat design aesthetic with bold shapes and limited depth. Clean geometric forms with no gradients or shadows. Modern, accessible, and highly readable. Optimized for digital consumption with scalable vector quality.
+
+## Background
+
+- Color: White (#FFFFFF) or Soft Gray (#F5F5F5)
+- Texture: None - clean solid backgrounds
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | White | #FFFFFF | Primary background |
+| Alt Background | Soft Gray | #F5F5F5 | Accent areas |
+| Primary | Vibrant Blue | #3B82F6 | Main elements |
+| Secondary | Coral | #F97316 | Supporting elements |
+| Tertiary | Emerald | #10B981 | Accent elements |
+| Accent 1 | Purple | #8B5CF6 | Additional accent |
+| Accent 2 | Amber | #F59E0B | Highlight |
+| Text | Dark Slate | #1E293B | Text elements |
+| Light | Light Gray | #E5E7EB | Subtle elements |
+
+## Visual Elements
+
+- Bold geometric shapes
+- Flat color fills with no gradients
+- Simple character illustrations
+- Clean icon designs
+- Minimal line work
+- Overlapping shape compositions
+- Abstract concept visualizations
+- Consistent stroke weights
+
+## Style Rules
+
+### Do
+
+- Use flat solid colors
+- Create clean geometric shapes
+- Keep elements simple
+- Maintain consistent styling
+- Use bold color combinations
+
+### Don't
+
+- Add shadows or depth
+- Use gradients or textures
+- Create realistic illustrations
+- Add unnecessary details
+- Use photographic elements
+
+## Best For
+
+Modern articles, app and product content, startup stories, digital topics, contemporary business, tech company blogs, social media content
@@ -0,0 +1,57 @@
+# intuition-machine
+
+Technical briefing infographic style with aged paper and bilingual labels
+
+## Design Aesthetic
+
+Academic/technical briefing style with clean 2D or isometric technical illustrations. Information-dense but organized with clear visual hierarchy. Vintage blueprint aesthetic with modern clarity. Multiple explanatory elements with bilingual callouts.
+
+## Background
+
+- Color: Aged Cream (#F5F0E6)
+- Texture: Subtle paper texture with light creases, vintage technical print feel
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Aged Cream | #F5F0E6 | Primary background |
+| Paper Texture | Warm White | #F5F0E1 | Blueprint effect |
+| Primary Text | Dark Maroon | #5D3A3A | Headlines, titles |
+| Body Text | Near Black | #1A1A1A | Content text |
+| Accent 1 | Teal | #2F7373 | Primary illustrations |
+| Accent 2 | Warm Brown | #8B7355 | Secondary elements |
+| Accent 3 | Maroon | #722F37 | Emphasis |
+| Outline | Deep Charcoal | #2D2D2D | Element outlines |
+
+## Visual Elements
+
+- Isometric 3D or flat 2D technical diagrams
+- Explanatory text boxes with labeled content
+- Bilingual callout labels (English + Chinese)
+- Faded thematic background patterns
+- Clean black outlines on elements
+- Split or triptych layouts
+- Key insight boxes
+
+## Style Rules
+
+### Do
+
+- Include multiple text boxes with content
+- Use bilingual labels for key elements
+- Add faded thematic background patterns
+- Maintain aged paper texture
+- Create clear visual hierarchy
+
+### Don't
+
+- Create photorealistic 3D renders
+- Leave illustrations without explanatory text
+- Add stamps or watermarks in corners
+- Use gradients or glossy effects
+- Make it look too modern/digital
+
+## Best For
+
+Technical explanations, concept breakdowns, academic content, research summaries, bilingual audiences, knowledge documentation
@@ -0,0 +1,58 @@
+# minimal
+
+Ultra-clean, zen-like illustration style for focused content
+
+## Design Aesthetic
+
+Maximum simplicity with purposeful restraint. Every element serves a function. Zen-like calm and focus through extensive negative space. Single focal point approach that guides attention naturally. Quiet elegance through reduction.
+
+## Background
+
+- Color: Pure White (#FFFFFF) or Off-White (#FAFAFA)
+- Texture: None - clean solid backgrounds
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | White | #FFFFFF | Primary background |
+| Alt Background | Off-White | #FAFAFA | Subtle variation |
+| Primary | Pure Black | #000000 | Main elements |
+| Accent | Content-Derived | varies | Single accent color |
+| Text | Black | #000000 | Text elements |
+| Alt Text | Medium Gray | #6B6B6B | Secondary text |
+
+Note: Accent color is derived from content context. Use sparingly.
+
+## Visual Elements
+
+- Single focal element per illustration
+- Maximum negative space
+- Thin, precise lines
+- Simple geometric forms
+- Subtle shadows if any
+- Typography as primary element
+- Strategic use of single accent
+- Clean, uncluttered compositions
+
+## Style Rules
+
+### Do
+
+- Embrace empty space
+- Use single focal points
+- Keep lines thin and precise
+- Let content breathe
+- Question every element
+
+### Don't
+
+- Add decorative elements
+- Use multiple accent colors
+- Fill available space
+- Add textures or patterns
+- Create visual complexity
+
+## Best For
+
+Philosophy articles, minimalism content, focused explanations, meditation and mindfulness, essential concepts, clarity-focused writing
@@ -0,0 +1,58 @@
+# nature
+
+Organic, earthy illustration style for environmental and wellness content
+
+## Design Aesthetic
+
+Natural and organic visual approach inspired by the outdoors. Earth tones and natural textures that evoke calm and connection to nature. Flowing lines and organic shapes. Creates a sense of tranquility and environmental awareness.
+
+## Background
+
+- Color: Sand Beige (#F5E6D3) or Sky Blue wash (#E0F2FE)
+- Texture: Natural paper texture with organic feel
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Sand Beige | #F5E6D3 | Primary background |
+| Alt Background | Sky Blue | #E0F2FE | Alternative canvas |
+| Primary | Forest Green | #276749 | Main natural color |
+| Secondary | Sage | #9AE6B4 | Supporting green |
+| Tertiary | Earth Brown | #744210 | Grounding element |
+| Accent 1 | Sunset Orange | #ED8936 | Warm accent |
+| Accent 2 | Water Blue | #63B3ED | Cool accent |
+| Text | Deep Brown | #5D4E3C | Text elements |
+
+## Visual Elements
+
+- Leaf and plant motifs
+- Tree and branch silhouettes
+- Mountain and landscape shapes
+- Organic flowing lines
+- Natural textures (wood grain, stone)
+- Water and wave patterns
+- Animal silhouettes
+- Sun and moon symbols
+
+## Style Rules
+
+### Do
+
+- Use earth-inspired colors
+- Create organic, flowing shapes
+- Include nature elements
+- Evoke outdoor atmosphere
+- Maintain calm and balance
+
+### Don't
+
+- Use synthetic or neon colors
+- Create rigid geometric shapes
+- Add tech or digital elements
+- Use stark contrasts
+- Overcomplicate compositions
+
+## Best For
+
+Sustainability articles, wellness content, outdoor topics, slow living, environmental issues, health and fitness, gardening, travel nature pieces
@@ -0,0 +1,58 @@
+# notion
+
+Minimalist hand-drawn line art style for knowledge content (Default)
+
+## Design Aesthetic
+
+Clean, minimalist hand-drawn line art with intellectual feel. Simple doodle-style illustrations with intentional wobble. Maximum whitespace with single concept focus. Notion-like aesthetic that feels thoughtful and organized.
+
+## Background
+
+- Color: Pure White (#FFFFFF) or Off-White (#FAFAFA)
+- Texture: None - clean solid backgrounds
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | White | #FFFFFF | Primary background |
+| Alt Background | Off-White | #FAFAFA | Subtle variation |
+| Primary | Black | #1A1A1A | Main outlines |
+| Secondary | Dark Gray | #4A4A4A | Supporting lines |
+| Accent 1 | Pastel Blue | #A8D4F0 | Soft highlight |
+| Accent 2 | Pastel Yellow | #F9E79F | Warm highlight |
+| Accent 3 | Pastel Pink | #FADBD8 | Gentle accent |
+| Text | Near Black | #1A1A1A | Text elements |
+
+## Visual Elements
+
+- Simple line doodles
+- Hand-drawn wobble effect
+- Basic geometric shapes
+- Stick figures for people
+- Conceptual icons
+- Clean hand-drawn lettering
+- Minimal decorative elements
+- Single-weight line work
+
+## Style Rules
+
+### Do
+
+- Use maximum whitespace
+- Keep illustrations simple
+- Add slight hand-drawn wobble
+- Focus on single concepts
+- Use pastel accents sparingly
+
+### Don't
+
+- Create complex illustrations
+- Use many colors at once
+- Add detailed textures
+- Make precise geometric shapes
+- Overcrowd the composition
+
+## Best For
+
+Knowledge sharing, concept explanations, SaaS content, productivity articles, educational posts, how-to guides, professional blogs
@@ -0,0 +1,57 @@
+# pixel-art
+
+Retro 8-bit pixel art aesthetic with nostalgic gaming style
+
+## Design Aesthetic
+
+Pixelated retro aesthetic reminiscent of classic 8-bit and 16-bit era games. Chunky pixels, limited color palettes, and nostalgic gaming references. Simple geometric shapes rendered in blocky pixel form. Fun, playful, and immediately recognizable retro tech aesthetic.
+
+## Background
+
+- Color: Light Blue (#87CEEB) or Soft Lavender (#E6E6FA)
+- Texture: Subtle pixel grid pattern, optional CRT scanline effect
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Light Blue | #87CEEB | Primary background |
+| Alt Background | Soft Lavender | #E6E6FA | Secondary backgrounds |
+| Primary Text | Dark Navy | #1A1A2E | Main elements |
+| Accent 1 | Pixel Green | #00FF00 | Success, highlights |
+| Accent 2 | Pixel Red | #FF0000 | Alerts, emphasis |
+| Accent 3 | Pixel Yellow | #FFFF00 | Warnings, energy |
+| Accent 4 | Pixel Cyan | #00FFFF | Info, tech elements |
+| Accent 5 | Pixel Magenta | #FF00FF | Special elements |
+
+## Visual Elements
+
+- All elements rendered with visible pixel structure
+- Simple iconography: notepad, checkboxes, gears, rockets
+- Text bubbles with pixel borders
+- 8-bit decorations: stars, hearts, arrows
+- Progress bars with chunky pixel segments
+- Dithering patterns for color transitions
+- Limited 16-32 color palette
+
+## Style Rules
+
+### Do
+
+- Maintain consistent pixel grid throughout
+- Use limited color palette (16-32 colors max)
+- Create blocky, geometric shapes
+- Add nostalgic gaming references
+- Use dithering for color transitions
+
+### Don't
+
+- Use smooth gradients or anti-aliasing
+- Create photorealistic elements
+- Use thin lines or fine details
+- Add modern glossy effects
+- Break the pixel grid alignment
+
+## Best For
+
+Gaming articles, tech tutorials, nostalgic content, developer topics, retro-themed pieces, creative tech content
@@ -0,0 +1,59 @@
+# playful
+
+Fun, creative illustration style for casual and educational content
+
+## Design Aesthetic
+
+Whimsical and entertaining visual approach that sparks joy. Pastel colors with bright pops of energy. Doodle-like quality that feels approachable and fun. Creates a sense of play and discovery. Encourages engagement through visual delight.
+
+## Background
+
+- Color: Light Cream (#FFFBEB) or Soft White (#FFF)
+- Texture: Subtle, playful pattern or clean
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Light Cream | #FFFBEB | Primary background |
+| Primary | Pastel Pink | #FED7E2 | Soft warmth |
+| Secondary | Mint | #C6F6D5 | Fresh energy |
+| Tertiary | Lavender | #E9D8FD | Dreamy touch |
+| Accent 1 | Sky Blue | #BEE3F8 | Calm brightness |
+| Accent 2 | Bright Yellow | #FBBF24 | Energy pop |
+| Accent 3 | Coral | #F6AD55 | Warm pop |
+| Accent 4 | Turquoise | #38B2AC | Cool pop |
+| Text | Soft Charcoal | #4A4A4A | Text elements |
+
+## Visual Elements
+
+- Doodles and sketchy lines
+- Star and sparkle decorations
+- Swirls and curvy elements
+- Cute character illustrations
+- Speech bubbles and callouts
+- Emoji-style icons
+- Confetti and celebration marks
+- Playful hand-lettering
+
+## Style Rules
+
+### Do
+
+- Use varied pastel palette
+- Add whimsical decorations
+- Create friendly characters
+- Include playful details
+- Keep energy high and positive
+
+### Don't
+
+- Use dark or moody colors
+- Create serious compositions
+- Add corporate elements
+- Use rigid geometric shapes
+- Make it feel professional
+
+## Best For
+
+Tutorials and guides, beginner-friendly content, casual articles, fun topics, children's content, hobby-related posts, entertaining explanations
@@ -0,0 +1,59 @@
+# retro
+
+80s/90s nostalgic aesthetic with vibrant colors and geometric patterns
+
+## Design Aesthetic
+
+Nostalgic retro aesthetic inspired by 80s and 90s design trends. Vibrant neon colors, geometric patterns, and Memphis design influence. Energetic, fun, and unapologetically bold. Perfect for content that embraces nostalgia or playful energy.
+
+## Background
+
+- Color: Deep Purple (#2D1B4E) or Dark Teal (#0F4C5C)
+- Texture: Subtle grid patterns or geometric shapes
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Deep Purple | #2D1B4E | Primary background |
+| Alt Background | Dark Teal | #0F4C5C | Alternative |
+| Primary | Hot Pink | #FF1493 | Main accent |
+| Secondary | Electric Cyan | #00FFFF | Supporting |
+| Tertiary | Neon Yellow | #FFFF00 | Highlights |
+| Accent 1 | Lime Green | #32CD32 | Energy |
+| Accent 2 | Orange | #FF6B35 | Warmth |
+| Text | White | #FFFFFF | Text elements |
+| Grid | Light Purple | #9D8EC0 | Grid lines |
+
+## Visual Elements
+
+- Geometric patterns (triangles, circles)
+- Grid backgrounds and lines
+- Neon glow effects
+- Memphis design shapes
+- Zigzag and wavy patterns
+- Retro computer graphics
+- Bold outline strokes
+- Gradient sunsets
+
+## Style Rules
+
+### Do
+
+- Use bold neon colors
+- Create geometric patterns
+- Add retro typography
+- Include Memphis-style shapes
+- Embrace maximalism
+
+### Don't
+
+- Use muted or subtle colors
+- Create minimal compositions
+- Add modern flat design
+- Make it look contemporary
+- Use understated elements
+
+## Best For
+
+Pop culture articles, gaming content, music and entertainment, nostalgia pieces, youth-focused content, creative industry, party and event content
@@ -0,0 +1,59 @@
+# scientific
+
+Academic scientific illustration style for technical diagrams and processes
+
+## Design Aesthetic
+
+Academic scientific illustration aesthetic for biological, chemical, and technical diagrams. Clean, precise diagrams with proper labeling and clear visual flow. Educational clarity with professional polish. Textbook quality illustrations.
+
+## Background
+
+- Color: Off-White (#FAFAFA) or Light Blue-Gray (#F0F4F8)
+- Texture: None or subtle paper grain
+
+## Color Palette
+
+| Role | Color | Hex | Usage |
+|------|-------|-----|-------|
+| Background | Off-White | #FAFAFA | Primary background |
+| Primary Text | Dark Slate | #1E293B | Labels, headers |
+| Label Text | Medium Gray | #475569 | Annotations |
+| Pathway 1 | Teal | #0D9488 | Primary pathway |
+| Pathway 2 | Blue | #3B82F6 | Secondary pathway |
+| Pathway 3 | Purple | #8B5CF6 | Tertiary pathway |
+| Structure | Amber | #F59E0B | Membranes, structures |
+| Alert | Red | #EF4444 | Key elements |
+| Positive | Green | #22C55E | Products, outputs |
+
+## Visual Elements
+
+- Precise labeled diagrams
+- Flow arrows showing direction
+- Modular components with colors
+- Chemical formulas and notation
+- Cross-section views
+- Numbered step sequences
+- Molecule and cell representations
+- Process summary boxes
+
+## Style Rules
+
+### Do
+
+- Use precise consistent lines
+- Label all components clearly
+- Show directional flow
+- Include technical notation
+- Create clear numbered sequences
+
+### Don't
+
+- Use decorative elements
+- Create imprecise diagrams
+- Omit important labels
+- Use inconsistent styling
+- Add artistic flourishes
+
+## Best For
+
+Biology articles, chemistry explanations, medical content, research summaries, academic writing, technical documentation, process explanations
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Jim Liu 宝玉	235868343c	chore: release v1.12.0	2026-01-21 11:28:41 -06:00
Jim Liu 宝玉	f43dc2be56	Merge pull request #13 from threehotpot-bot/feature/quote-tweet feat: add quote tweet support	2026-01-21 10:39:22 -06:00
Jim Liu 宝玉	776afba5d8	chore: release v1.11.0	2026-01-21 10:16:12 -06:00
threenrm	d793c19a72	fix: use CDP Input.insertText for reliable text insertion The previous document.execCommand('insertText') caused text to be duplicated multiple times. Switch to CDP's Input.insertText for more reliable text input. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>	2026-01-21 18:21:36 +08:00
threenrm	8cc8d25ad1	feat: add quote tweet support Add x-quote.ts script to quote existing tweets with comments. This allows users to share content while giving credit to the original creator. - New script: scripts/x-quote.ts for quote tweet functionality - Uses CDP to navigate through X's native quote UI - Supports preview mode and --submit flag - Updated SKILL.md with documentation Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>	2026-01-21 18:14:54 +08:00
Jim Liu 宝玉	0d677ea171	docs: Update readme, use `npx skills add` to install	2026-01-21 01:59:42 -06:00
Jim Liu 宝玉	e519fcdb27	chore: release v1.10.0	2026-01-21 01:00:42 -06:00
Jim Liu 宝玉	ea14c42716	Merge pull request #11 from fkysly/feature/video-support feat: add video posting support	2026-01-21 00:59:32 -06:00
Jim Liu 宝玉	22d46f32f4	docs(release-skills): add Chinese trigger words to description Adds "发布", "push", "推送", "新版本", "更新版本" to skill description for better auto-detection when user requests release in Chinese. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>	2026-01-20 22:21:28 -06:00
Jim Liu 宝玉	64726e9df1	docs: add mandatory release checklist to prevent missing CHANGELOG - Add CRITICAL checklist to release-skills SKILL.md - Add Release Process section to CLAUDE.md - Ensures CHANGELOG updates are never skipped Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>	2026-01-20 22:20:11 -06:00
Jim Liu 宝玉	3ea311dfed	feat: add chalkboard style and xhs-images previews - Add chalkboard style to baoyu-xhs-images and baoyu-comic - Update chalkboard style for article-illustrator, cover-image, infographic - Remove tech style from baoyu-xhs-images - Add style and layout preview screenshots for xhs-images - Bump version to 1.9.0 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>	2026-01-20 21:52:53 -06:00
fkysly	cdc5a9c41c	feat: add video posting support - Add x-video.ts script for posting videos to X - Video is uploaded first, then text is added (fixes text being cleared issue) - Uses DOM.setFileInputFiles for direct video upload via CDP - Supports MP4, MOV, WebM formats - Waits for video processing before allowing submission - Update SKILL.md with video posting documentation	2026-01-21 10:59:00 +08:00
Jim Liu 宝玉	b30dcca67e	chore: release v1.8.0	2026-01-20 12:30:22 -06:00
Jim Liu 宝玉	d900c768cc	chore: release v1.7.0	2026-01-19 10:06:06 -06:00
Jim Liu 宝玉	a037edcc27	feat(baoyu-comic): add shoujo style Add classic shoujo manga style featuring: - Large sparkling eyes with detailed highlights - Flowers, sparkles, and soft decorative elements - Soft pink/lavender color palette - Best for romance, coming-of-age, friendship, emotional drama Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>	2026-01-19 10:05:44 -06:00
Jim Liu 宝玉	8a8f657d19	chore: release v1.6.0	2026-01-19 10:05:01 -06:00
Jim Liu 宝玉	434392ff3f	feat: add flat-doodle style to cover-image and article-illustrator Add new flat-doodle style featuring: - Bold black outlines - Bright pastel colors (pink, mint, lavender, yellow) - Simple flat shapes with cute rounded proportions - White background - Best for productivity, SaaS, workflow content Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>	2026-01-19 10:03:20 -06:00
Jim Liu 宝玉	c6e309f501	chore: release v1.5.0	2026-01-19 00:58:23 -06:00
Jim Liu 宝玉	089e0b5ba9	chore: release v1.4.2	2026-01-19 00:05:39 -06:00
Jim Liu 宝玉	4bc0d05f66	docs: add proxy config and browser support for gemini-web - Add supported browsers list (Chrome, Chromium, Edge) - Add proxy configuration section with examples - Update both English and Chinese READMEs Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>	2026-01-19 00:05:02 -06:00
Jim Liu 宝玉	90f3e2ff24	chore: release v1.4.1	2026-01-18 23:51:31 -06:00
Jim Liu 宝玉	575ed29391	Merge pull request #4 from ianchenx/fix/x-article-multilingual-selectors fix(x-article): support multi-language UI selectors	2026-01-18 23:50:20 -06:00
ianchenx	5d4ff2e9c2	fix(x-article): support multi-language UI selectors for X Articles Extract hardcoded UI selectors into I18N_SELECTORS constant. Now supports English, Chinese, Japanese, and Korean X interfaces. Selectors added: - titleInput: Add a title / 添加标题 / タイトルを追加 / 제목 추가 - addPhotosButton: Add photos or video / 添加照片或视频 / 写真や動画を追加 / 사진 또는 동영상 추가 - previewButton: preview / 预览 / プレビュー / 미리보기 - publishButton: publish / 发布 / 公開 / 게시 To add more languages, simply append to the I18N_SELECTORS arrays.	2026-01-18 22:12:52 +08:00