🎯

baoyu-markdown-to-html

🎯Skill

from yelban/baoyu-skills.tw

VibeIndex|
What it does

Converts Markdown to styled, WeChat-compatible HTML with advanced features like code highlighting, math, and infographics.

πŸ“¦

Part of

yelban/baoyu-skills.tw(16 items)

baoyu-markdown-to-html

Installation

npxRun with npx
npx -y bun ${SKILL_DIR}/scripts/main.ts <markdown_file> --theme <theme>
npxRun with npx
npx -y bun ${SKILL_DIR}/scripts/main.ts <markdown_file> [options]
npxRun with npx
npx -y bun ${SKILL_DIR}/scripts/main.ts article.md
npxRun with npx
npx -y bun ${SKILL_DIR}/scripts/main.ts article.md --theme grace
npxRun with npx
npx -y bun ${SKILL_DIR}/scripts/main.ts article.md --keep-title

+ 1 more commands

πŸ“– Extracted from docs: yelban/baoyu-skills.tw
1Installs
-
AddedFeb 4, 2026

Skill Details

SKILL.md

Converts Markdown to styled HTML with WeChat-compatible themes. Supports code highlighting, math, PlantUML, footnotes, alerts, and infographics. Use when user asks for "markdown to html", "convert md to html", "md轉html", or needs styled HTML output from markdown.

Overview

# Markdown to HTML Converter

Converts Markdown files to beautifully styled HTML with inline CSS, optimized for WeChat Official Account and other platforms.

Script Directory

Agent Execution: Determine this SKILL.md directory as SKILL_DIR, then use ${SKILL_DIR}/scripts/.ts.

| Script | Purpose |

|--------|---------|

| scripts/main.ts | Main entry point |

Preferences (EXTEND.md)

Use Bash to check EXTEND.md existence (priority order):

```bash

# Check project-level first

test -f .baoyu-skills/baoyu-markdown-to-html/EXTEND.md && echo "project"

# Then user-level (cross-platform: $HOME works on macOS/Linux/WSL)

test -f "$HOME/.baoyu-skills/baoyu-markdown-to-html/EXTEND.md" && echo "user"

```

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”

β”‚ Path β”‚ Location β”‚

β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€

β”‚ .baoyu-skills/baoyu-markdown-to-html/EXTEND.md β”‚ Project directory β”‚

β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€

β”‚ $HOME/.baoyu-skills/baoyu-markdown-to-html/EXTEND.md β”‚ User home β”‚

β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”

β”‚ Result β”‚ Action β”‚

β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€

β”‚ Found β”‚ Read, parse, apply settings β”‚

β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€

β”‚ Not found β”‚ Use defaults β”‚

β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

EXTEND.md Supports: Default theme | Custom CSS variables | Code block style

Workflow

Step 0: Pre-check (Chinese Content)

Condition: Only execute if input file contains Chinese text.

Detection:

  1. Read input markdown file
  2. Check if content contains CJK characters (Chinese/Japanese/Korean)
  3. If no CJK content β†’ skip to Step 1

Format Suggestion:

If CJK content detected AND baoyu-format-markdown skill is available:

Use AskUserQuestion to ask whether to format first. Formatting can fix:

  • Bold markers with punctuation inside causing ** parse failures
  • CJK/English spacing issues

If user agrees: Invoke baoyu-format-markdown skill to format the file, then use formatted file as input.

If user declines: Continue with original file.

Step 1: Confirm Theme

Before converting, use AskUserQuestion to confirm the theme (unless user already specified):

| Theme | Description |

|-------|-------------|

| default (Recommended) | ηΆ“ε…ΈδΈ»ι‘Œ - ε‚³η΅±ζŽ’η‰ˆοΌŒζ¨™ι‘Œε±…δΈ­εΈΆεΊ•ι‚ŠοΌŒδΊŒη΄šζ¨™ι‘Œη™½ε­—ε½©εΊ• |

| grace | ε„ͺι›…δΈ»ι‘Œ - ζ–‡ε­—ι™°ε½±οΌŒεœ“θ§’ε‘η‰‡οΌŒη²Ύη·»εΌ•η”¨ε‘Š |

| simple | η°‘ζ½”δΈ»ι‘Œ - 現代ζ₯΅η°‘ι’¨οΌŒδΈε°η¨±εœ“θ§’οΌŒζΈ…ηˆ½η•™η™½ |

Step 2: Convert

```bash

npx -y bun ${SKILL_DIR}/scripts/main.ts --theme

```

Step 3: Report Result

Display the output path from JSON result. If backup was created, mention it.

Usage

```bash

npx -y bun ${SKILL_DIR}/scripts/main.ts [options]

```

Options:

| Option | Description | Default |

|--------|-------------|---------|

| --theme | Theme name (default, grace, simple) | default |

| --title </code> | Override title from frontmatter | |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">--keep-title</code> | Keep the first heading in content | false (removed) |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">--help</code> | Show help | |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span><strong>Examples:</strong></span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>```bash</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span># Basic conversion (uses default theme, removes first heading)</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>npx -y bun ${SKILL_DIR}/scripts/main.ts article.md</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span># With specific theme</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>npx -y bun ${SKILL_DIR}/scripts/main.ts article.md --theme grace</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span># Keep the first heading in content</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>npx -y bun ${SKILL_DIR}/scripts/main.ts article.md --keep-title</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span># Override title</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>npx -y bun ${SKILL_DIR}/scripts/main.ts article.md --title "My Article"</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>```</span></p></div></div><div class="mt-6 border-t border-zinc-100 pt-6 dark:border-zinc-800"><h3 class="mb-3 text-lg font-semibold text-zinc-900 dark:text-white">Output</h3><div><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span><strong>File location</strong>: Same directory as input markdown file.</span></p><ul class="mb-4 ml-6 space-y-1 list-disc"><li class="text-zinc-600 dark:text-zinc-400"><span>Input: <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">/path/to/article.md</code></span></li><li class="text-zinc-600 dark:text-zinc-400"><span>Output: <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">/path/to/article.html</code></span></li></ul><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span><strong>Conflict handling</strong>: If HTML file already exists, it will be backed up first:</span></p><ul class="mb-4 ml-6 space-y-1 list-disc"><li class="text-zinc-600 dark:text-zinc-400"><span>Backup: <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">/path/to/article.html.bak-YYYYMMDDHHMMSS</code></span></li></ul><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span><strong>JSON output to stdout:</strong></span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>```json</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>{</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span> "title": "Article Title",</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span> "author": "Author Name",</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span> "summary": "Article summary...",</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span> "htmlPath": "/path/to/article.html",</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span> "backupPath": "/path/to/article.html.bak-20260128180000",</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span> "contentImages": [</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span> {</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span> "placeholder": "MDTOHTMLIMGPH_1",</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span> "localPath": "/path/to/img.png",</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span> "originalPath": "imgs/image.png"</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span> }</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span> ]</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>}</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>```</span></p></div></div><div class="mt-6 border-t border-zinc-100 pt-6 dark:border-zinc-800"><h3 class="mb-3 text-lg font-semibold text-zinc-900 dark:text-white">Themes</h3><div><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| Theme | Description |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>|-------|-------------|</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">default</code> | ηΆ“ε…ΈδΈ»ι‘Œ - ε‚³η΅±ζŽ’η‰ˆοΌŒζ¨™ι‘Œε±…δΈ­εΈΆεΊ•ι‚ŠοΌŒδΊŒη΄šζ¨™ι‘Œη™½ε­—ε½©εΊ• |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">grace</code> | ε„ͺι›…δΈ»ι‘Œ - ζ–‡ε­—ι™°ε½±οΌŒεœ“θ§’ε‘η‰‡οΌŒη²Ύη·»εΌ•η”¨ε‘Š (by @brzhang) |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">simple</code> | η°‘ζ½”δΈ»ι‘Œ - 現代ζ₯΅η°‘ι’¨οΌŒδΈε°η¨±εœ“θ§’οΌŒζΈ…ηˆ½η•™η™½ (by @okooo5km) |</span></p></div></div><div class="mt-6 border-t border-zinc-100 pt-6 dark:border-zinc-800"><h3 class="mb-3 text-lg font-semibold text-zinc-900 dark:text-white">Supported Markdown Features</h3><div><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| Feature | Syntax |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>|---------|--------|</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| Headings | <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800"># H1</code> to <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">###### H6</code> |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| Bold/Italic | <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800"><strong>bold</strong></code>, <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800"><em>italic</em></code> |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| Code blocks | <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800"> </code>`<code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">lang </code> with syntax highlighting |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| Inline code | `<code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800"> </code>code<code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800"> </code>` |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| Tables | GitHub-flavored markdown tables |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| Images | <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">![alt](src)</code> |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| Links | <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">[text](url)</code> with footnote references |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| Blockquotes | <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">> quote</code> |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| Lists | <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">-</code> unordered, <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">1.</code> ordered |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| Alerts | <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">> [!NOTE]</code>, <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">> [!WARNING]</code>, etc. |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| Footnotes | <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">[^1]</code> references |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| Ruby text | <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">{base|annotation}</code> |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| Mermaid | <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800"> </code>`<code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">mermaid </code> diagrams |</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>| PlantUML | <code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800"> </code>`<code class="rounded bg-zinc-100 px-1.5 py-0.5 text-sm dark:bg-zinc-800">plantuml </code> diagrams |</span></p></div></div><div class="mt-6 border-t border-zinc-100 pt-6 dark:border-zinc-800"><h3 class="mb-3 text-lg font-semibold text-zinc-900 dark:text-white">Frontmatter</h3><div><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>Supports YAML frontmatter for metadata:</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>```yaml</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>---</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>title: Article Title</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>author: Author Name</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>description: Article summary</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>---</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>```</span></p><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>If no title is found, extracts from first H1/H2 heading or uses filename.</span></p></div></div><div class="mt-6 border-t border-zinc-100 pt-6 dark:border-zinc-800"><h3 class="mb-3 text-lg font-semibold text-zinc-900 dark:text-white">Extension Support</h3><div><p class="mb-3 text-zinc-600 dark:text-zinc-400"><span>Custom configurations via EXTEND.md. See <strong>Preferences</strong> section for paths and supported options.</span></p></div></div></div></div></div><div class="mt-12 border-t border-zinc-200 pt-8 dark:border-zinc-800"><h2 class="mb-4 flex items-center gap-2 text-lg font-semibold text-zinc-900 dark:text-white"><span>More from this repository</span><span class="rounded-full bg-violet-100 px-2 py-0.5 text-sm font-medium text-violet-700 dark:bg-violet-900/50 dark:text-violet-300">10</span></h2><div class="grid gap-3 sm:grid-cols-2"><a class="flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50" href="/skills/yelban/baoyu-skills.tw/baoyu-cover-image"><span class="text-xl">🎯</span><div class="min-w-0 flex-1"><div class="flex items-center gap-2"><span class="truncate font-medium text-zinc-900 dark:text-white">baoyu-cover-image</span><span class="inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs "><span>🎯</span><span>Skill</span></span></div><p class="truncate text-sm text-zinc-500 dark:text-zinc-400">Generates customizable article cover images with 5-dimensional design options, supporting multiple styles, palettes, and aspect ratios.</p></div></a><a class="flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50" href="/skills/yelban/baoyu-skills.tw/baoyu-article-illustrator"><span class="text-xl">🎯</span><div class="min-w-0 flex-1"><div class="flex items-center gap-2"><span class="truncate font-medium text-zinc-900 dark:text-white">baoyu-article-illustrator</span><span class="inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs "><span>🎯</span><span>Skill</span></span></div><p class="truncate text-sm text-zinc-500 dark:text-zinc-400">Generates AI-powered illustrations for articles using Midjourney, tailored to match the content and style of the text.</p></div></a><a class="flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50" href="/skills/yelban/baoyu-skills.tw/baoyu-xhs-images"><span class="text-xl">🎯</span><div class="min-w-0 flex-1"><div class="flex items-center gap-2"><span class="truncate font-medium text-zinc-900 dark:text-white">baoyu-xhs-images</span><span class="inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs "><span>🎯</span><span>Skill</span></span></div><p class="truncate text-sm text-zinc-500 dark:text-zinc-400">Generates and manages Xiaohongshu (Red) style images with customizable AI-driven design parameters.</p></div></a><a class="flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50" href="/skills/yelban/baoyu-skills.tw/baoyu-slide-deck"><span class="text-xl">🎯</span><div class="min-w-0 flex-1"><div class="flex items-center gap-2"><span class="truncate font-medium text-zinc-900 dark:text-white">baoyu-slide-deck</span><span class="inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs "><span>🎯</span><span>Skill</span></span></div><p class="truncate text-sm text-zinc-500 dark:text-zinc-400">Generates professional slide deck images from content, creating stylized presentations with customizable options for audience, style, and language.</p></div></a><a class="flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50" href="/skills/yelban/baoyu-skills.tw/baoyu-post-to-x"><span class="text-xl">🎯</span><div class="min-w-0 flex-1"><div class="flex items-center gap-2"><span class="truncate font-medium text-zinc-900 dark:text-white">baoyu-post-to-x</span><span class="inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs "><span>🎯</span><span>Skill</span></span></div><p class="truncate text-sm text-zinc-500 dark:text-zinc-400">I apologize, but I cannot generate a description without seeing the actual content or context of the "baoyu-post-to-x" skill. Could you provide more details about what this specific skill does? Wit...</p></div></a><a class="flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50" href="/skills/yelban/baoyu-skills.tw/release-skills"><span class="text-xl">🎯</span><div class="min-w-0 flex-1"><div class="flex items-center gap-2"><span class="truncate font-medium text-zinc-900 dark:text-white">release-skills</span><span class="inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs "><span>🎯</span><span>Skill</span></span></div><p class="truncate text-sm text-zinc-500 dark:text-zinc-400">Automatically detects and updates version files and multilingual changelogs across various project types with intelligent version bumping and release workflows.</p></div></a><a class="flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50" href="/skills/yelban/baoyu-skills.tw/baoyu-post-to-wechat"><span class="text-xl">🎯</span><div class="min-w-0 flex-1"><div class="flex items-center gap-2"><span class="truncate font-medium text-zinc-900 dark:text-white">baoyu-post-to-wechat</span><span class="inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs "><span>🎯</span><span>Skill</span></span></div><p class="truncate text-sm text-zinc-500 dark:text-zinc-400">Automatically posts blog articles to WeChat Official Account platform via API integration.</p></div></a><a class="flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50" href="/skills/yelban/baoyu-skills.tw/baoyu-danger-gemini-web"><span class="text-xl">🎯</span><div class="min-w-0 flex-1"><div class="flex items-center gap-2"><span class="truncate font-medium text-zinc-900 dark:text-white">baoyu-danger-gemini-web</span><span class="inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs "><span>🎯</span><span>Skill</span></span></div><p class="truncate text-sm text-zinc-500 dark:text-zinc-400">Generates images and text via reverse-engineered Gemini Web API, supporting text, image, and vision-based AI generation.</p></div></a><a class="flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50" href="/skills/yelban/baoyu-skills.tw/baoyu-danger-x-to-markdown"><span class="text-xl">🎯</span><div class="min-w-0 flex-1"><div class="flex items-center gap-2"><span class="truncate font-medium text-zinc-900 dark:text-white">baoyu-danger-x-to-markdown</span><span class="inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs "><span>🎯</span><span>Skill</span></span></div><p class="truncate text-sm text-zinc-500 dark:text-zinc-400">Converts X (Twitter) tweets and threads to markdown with YAML front matter, requiring user consent for API usage.</p></div></a><a class="flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50" href="/skills/yelban/baoyu-skills.tw/baoyu-comic"><span class="text-xl">🎯</span><div class="min-w-0 flex-1"><div class="flex items-center gap-2"><span class="truncate font-medium text-zinc-900 dark:text-white">baoyu-comic</span><span class="inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs "><span>🎯</span><span>Skill</span></span></div><p class="truncate text-sm text-zinc-500 dark:text-zinc-400">I apologize, but I cannot generate a description without seeing the actual content or context of the "baoyu-comic" skill. Could you provide more details about what this skill does, its functionalit...</p></div></a></div></div></div><!--$--><!--/$--></main><footer class="border-t border-zinc-200 bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900"><div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8"><div class="grid grid-cols-1 gap-8 md:grid-cols-4"><div class="md:col-span-1"><a class="flex items-center" href="/"><img alt="Vibe Index" loading="lazy" width="140" height="40" decoding="async" data-nimg="1" class="h-8 w-auto dark:hidden" style="color:transparent" src="/logo.png?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS"/><img alt="Vibe Index" loading="lazy" width="140" height="40" decoding="async" data-nimg="1" class="hidden h-8 w-auto dark:block" style="color:transparent" src="/logo-dark.png?v=3&dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS"/></a><p class="mt-4 text-sm text-zinc-600 dark:text-zinc-400">Everything you need for vibe coding. Real-time updates on skills, plugins, MCP servers, and marketplaces.</p></div><div><h3 class="text-sm font-semibold text-zinc-900 dark:text-white">Resources</h3><ul class="mt-4 space-y-2"><li><a class="text-sm text-zinc-600 transition-colors hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white" href="/skills">Skills</a></li><li><a class="text-sm text-zinc-600 transition-colors hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white" href="/mcp">MCP Servers</a></li><li><a class="text-sm text-zinc-600 transition-colors hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white" href="/marketplaces">Marketplaces</a></li><li><a class="text-sm text-zinc-600 transition-colors hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white" href="/plugins">Plugins</a></li></ul></div><div><h3 class="text-sm font-semibold text-zinc-900 dark:text-white">Support</h3><ul class="mt-4 space-y-2"><li><a class="text-sm text-zinc-600 transition-colors hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white" href="/about">About Us</a></li><li><a href="mailto:admin@vibeindex.ai" class="text-sm text-zinc-600 transition-colors hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white">Contact Us</a></li><li><a class="text-sm text-zinc-600 transition-colors hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white" href="/feedback">Feedback</a></li><li><a class="text-sm text-zinc-600 transition-colors hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white" href="/activity">Sync Activity</a></li></ul></div><div><h3 class="text-sm font-semibold text-zinc-900 dark:text-white">Legal</h3><ul class="mt-4 space-y-2"><li><a class="text-sm text-zinc-600 transition-colors hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white" href="/privacy">Privacy Policy</a></li><li><a class="text-sm text-zinc-600 transition-colors hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white" href="/terms">Terms of Service</a></li></ul></div></div><div class="mt-8 border-t border-zinc-200 pt-8 dark:border-zinc-800"><p class="text-center text-sm text-zinc-500 dark:text-zinc-500">Β© <!-- -->2026<!-- --> <!-- -->Vibe Index<!-- -->. <!-- -->All rights reserved.<!-- --> <!-- -->Operated by<!-- --> <a href="https://jolab.ai" target="_blank" rel="noopener noreferrer" class="text-zinc-600 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white transition-colors">JoLab</a></p></div></div></footer><script src="/_next/static/chunks/a8c74b565bd8a7a9.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[26817,[\"/_next/static/chunks/0a6842a76c315c9c.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/6875684dac0d32c7.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/7ac56969506ec814.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\"],\"default\"]\n3:I[44636,[\"/_next/static/chunks/0a6842a76c315c9c.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/6875684dac0d32c7.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/7ac56969506ec814.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\"],\"Providers\"]\n4:I[3374,[\"/_next/static/chunks/0a6842a76c315c9c.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/6875684dac0d32c7.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/7ac56969506ec814.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\"],\"default\"]\n5:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\"],\"default\"]\n6:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\"],\"default\"]\n7:I[22016,[\"/_next/static/chunks/0a6842a76c315c9c.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/6875684dac0d32c7.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/7ac56969506ec814.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/8544c26c9ccb1a8a.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\"],\"\"]\n8:I[58234,[\"/_next/static/chunks/0a6842a76c315c9c.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/6875684dac0d32c7.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/7ac56969506ec814.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\"],\"default\"]\na:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\"],\"OutletBoundary\"]\nb:\"$Sreact.suspense\"\nd:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\"],\"ViewportBoundary\"]\nf:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\"],\"MetadataBoundary\"]\n11:I[68027,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\"],\"default\"]\n:HL[\"/_next/static/chunks/2473c16c0c2f6b5f.css?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"style\"]\n:HL[\"/_next/static/chunks/2e466e6eeb5ad364.css?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"KWwxlk9yk9iWRPDa88xZi\",\"c\":[\"\",\"skills\",\"yelban\",\"baoyu-skills.tw\",\"baoyu-markdown-to-html\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"skills\",{\"children\":[[\"owner\",\"yelban\",\"d\"],{\"children\":[[\"repo\",\"baoyu-skills.tw\",\"d\"],{\"children\":[[\"skill\",\"baoyu-markdown-to-html\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2473c16c0c2f6b5f.css?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2e466e6eeb5ad364.css?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0a6842a76c315c9c.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/6875684dac0d32c7.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/7ac56969506ec814.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased min-h-screen flex flex-col\",\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"$L3\",null,{\"children\":[[\"$\",\"$L4\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex-1\",\"children\":[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"flex min-h-[60vh] flex-col items-center justify-center px-4\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-6xl font-bold text-zinc-900 dark:text-white\",\"children\":\"404\"}],[\"$\",\"h2\",null,{\"className\":\"mt-4 text-xl font-semibold text-zinc-700 dark:text-zinc-300\",\"children\":\"Page Not Found\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-zinc-500 dark:text-zinc-400\",\"children\":\"The page you're looking for doesn't exist or has been moved.\"}],[\"$\",\"$L7\",null,{\"href\":\"/\",\"className\":\"mt-8 inline-flex items-center rounded-lg bg-zinc-900 px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-zinc-800 dark:bg-zinc-100 dark:text-zinc-900 dark:hover:bg-zinc-200\",\"children\":\"Go Home\"}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L8\",null,{}]]}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L9\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/8544c26c9ccb1a8a.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$La\",null,{\"children\":[\"$\",\"$b\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@c\"}]}]]}],{},null,false,false]},null,false,false]},null,false,false]},null,false,false]},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lf\",null,{\"children\":[\"$\",\"$b\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L10\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",[]],\"S\":false}\n"])</script><script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"12:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/d2be314c3ece3fbe.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\"],\"IconMark\"]\nc:null\n"])</script><script>self.__next_f.push([1,"10:[[\"$\",\"title\",\"0\",{\"children\":\"baoyu-markdown-to-html | Vibe Index\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Converts Markdown to styled, WeChat-compatible HTML with advanced features like code highlighting, math, and infographics.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"Vibe Index Team\"}],[\"$\",\"meta\",\"3\",{\"name\":\"keywords\",\"content\":\"vibe coding, vibecoding, AI coding, Claude Code, MCP servers, AI skills, AI plugins, AI development, AI assistants, Claude, cursor, windsurf, aider, cline\"}],[\"$\",\"meta\",\"4\",{\"name\":\"creator\",\"content\":\"Vibe Index\"}],[\"$\",\"meta\",\"5\",{\"name\":\"publisher\",\"content\":\"Vibe Index\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"7\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"link\",\"8\",{\"rel\":\"canonical\",\"href\":\"https://vibeindex.ai\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:title\",\"content\":\"Vibe Index - The Ultimate Vibe Coding Directory\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:description\",\"content\":\"The ultimate directory for vibe coding. Discover AI coding tools - skills, plugins, MCP servers, and marketplaces for Claude Code and other AI assistants.\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:url\",\"content\":\"https://vibeindex.ai\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:site_name\",\"content\":\"Vibe Index\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image\",\"content\":\"https://vibeindex.ai/icon.png\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image:width\",\"content\":\"512\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:height\",\"content\":\"512\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:alt\",\"content\":\"Vibe Index Logo\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:locale:alternate\",\"content\":\"ko_KR\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:title\",\"content\":\"Vibe Index - Vibe Coding Directory\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:description\",\"content\":\"The ultimate directory for vibe coding. Discover AI coding tools - skills, plugins, MCP servers, and marketplaces for Claude Code and other AI assistants.\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:image\",\"content\":\"https://vibeindex.ai/icon.png\"}],[\"$\",\"link\",\"24\",{\"rel\":\"icon\",\"href\":\"/favicon-16x16.png\",\"sizes\":\"16x16\",\"type\":\"image/png\"}],[\"$\",\"link\",\"25\",{\"rel\":\"icon\",\"href\":\"/favicon-32x32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"26\",{\"rel\":\"icon\",\"href\":\"/icon.png\",\"sizes\":\"512x512\",\"type\":\"image/png\"}],[\"$\",\"link\",\"27\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\"}],[\"$\",\"$L12\",\"28\",{}]]\n"])</script><script>self.__next_f.push([1,"13:I[74533,[\"/_next/static/chunks/0a6842a76c315c9c.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/6875684dac0d32c7.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/7ac56969506ec814.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/8544c26c9ccb1a8a.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\"],\"FavoriteButton\"]\n14:I[54371,[\"/_next/static/chunks/0a6842a76c315c9c.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/6875684dac0d32c7.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/7ac56969506ec814.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/8544c26c9ccb1a8a.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\"],\"default\"]\n15:I[38848,[\"/_next/static/chunks/0a6842a76c315c9c.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/6875684dac0d32c7.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/7ac56969506ec814.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/8544c26c9ccb1a8a.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"9:[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-4xl px-4 py-12 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"nav\",null,{\"className\":\"mb-6\",\"children\":[\"$\",\"ol\",null,{\"className\":\"flex items-center gap-2 text-sm\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7\",null,{\"href\":\"/skills\",\"className\":\"text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-300\",\"children\":\"Skills\"}]}],[\"$\",\"li\",null,{\"className\":\"text-zinc-400\",\"children\":\"/\"}],[\"$\",\"li\",null,{\"className\":\"text-zinc-900 dark:text-white\",\"children\":\"baoyu-markdown-to-html\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"mb-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-5xl\",\"children\":\"🎯\"}],[\"$\",\"div\",null,{\"className\":\"flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 flex-wrap\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-3xl font-bold text-zinc-900 dark:text-white\",\"children\":\"baoyu-markdown-to-html\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2.5 py-1 text-sm \",\"children\":[[\"$\",\"span\",null,{\"children\":\"🎯\"}],[\"$\",\"span\",null,{\"children\":\"Skill\"}]]}],[\"$\",\"$L13\",null,{\"resourceId\":\"007d3331-760d-4388-ab92-dfd1abb31910\",\"size\":\"sm\"}],false]}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-zinc-600 dark:text-zinc-400\",\"children\":[\"from \",\"yelban\",\"/\",\"baoyu-skills.tw\"]}]]}]]}],[\"$\",\"$L14\",null,{\"description\":\"Converts Markdown to styled, WeChat-compatible HTML with advanced features like code highlighting, math, and infographics.\",\"descriptionKo\":\"Markdown을 μ½”λ“œ ν•˜μ΄λΌμ΄νŒ…, μˆ˜μ‹, μΈν¬κ·Έλž˜ν”½ λ“±μ˜ κ³ κΈ‰ κΈ°λŠ₯을 ν¬ν•¨ν•˜μ—¬ WeChat에 μ΅œμ ν™”λœ μŠ€νƒ€μΌ HTML둜 λ³€ν™˜ν•©λ‹ˆλ‹€.\",\"resourceId\":\"007d3331-760d-4388-ab92-dfd1abb31910\",\"resourceName\":\"baoyu-markdown-to-html\",\"resourceType\":\"skill\",\"descriptionType\":\"ai\"}],null,null,[\"$\",\"$L7\",null,{\"href\":\"/collection/yelban/baoyu-skills.tw\",\"className\":\"mt-4 flex items-center gap-3 rounded-lg border border-zinc-200 bg-zinc-50 p-4 transition-all hover:border-zinc-300 hover:bg-zinc-100 dark:border-zinc-700 dark:bg-zinc-800/50 dark:hover:border-zinc-600 dark:hover:bg-zinc-800\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-2xl\",\"children\":\"πŸ“¦\"}],[\"$\",\"div\",null,{\"className\":\"flex-1\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm text-zinc-500 dark:text-zinc-400\",\"children\":\"Part of\"}],[\"$\",\"p\",null,{\"className\":\"font-semibold text-zinc-900 dark:text-white\",\"children\":[\"yelban\",\"/\",\"baoyu-skills.tw\",[\"$\",\"span\",null,{\"className\":\"ml-2 text-sm font-normal text-zinc-500 dark:text-zinc-400\",\"children\":[\"(\",16,\" \",\"items\",\")\"]}]]}]]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-5 w-5 text-zinc-400\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":2,\"d\":\"M9 5l7 7-7 7\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-4 flex flex-wrap gap-2\",\"children\":[[\"$\",\"span\",\"baoyu-markdown-to-html\",{\"onClick\":\"$undefined\",\"className\":\"inline-flex items-center rounded-full bg-zinc-100 px-2 py-0.5 text-xs font-medium text-zinc-600 transition-colors hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-400 dark:hover:bg-zinc-700 \",\"children\":\"baoyu-markdown-to-html\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mb-8\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"mb-4 text-lg font-semibold text-zinc-900 dark:text-white\",\"children\":\"Installation\"}],[\"$\",\"$L15\",null,{\"installGuide\":{\"found\":true,\"commands\":[{\"label\":\"npx\",\"command\":\"npx -y bun ${SKILL_DIR}/scripts/main.ts \u003cmarkdown_file\u003e --theme \u003ctheme\u003e\",\"description\":\"Run with npx\",\"type\":\"npx\"},{\"label\":\"npx\",\"command\":\"npx -y bun ${SKILL_DIR}/scripts/main.ts \u003cmarkdown_file\u003e [options]\",\"description\":\"Run with npx\",\"type\":\"npx\"},{\"label\":\"npx\",\"command\":\"npx -y bun ${SKILL_DIR}/scripts/main.ts article.md\",\"description\":\"Run with npx\",\"type\":\"npx\"},{\"label\":\"npx\",\"command\":\"npx -y bun ${SKILL_DIR}/scripts/main.ts article.md --theme grace\",\"description\":\"Run with npx\",\"type\":\"npx\"},{\"label\":\"npx\",\"command\":\"npx -y bun ${SKILL_DIR}/scripts/main.ts article.md --keep-title\",\"description\":\"Run with npx\",\"type\":\"npx\"},{\"label\":\"npx\",\"command\":\"npx -y bun ${SKILL_DIR}/scripts/main.ts article.md --title \\\"My Article\\\"\",\"description\":\"Run with npx\",\"type\":\"npx\"}],\"jsonConfig\":\"$undefined\",\"rawSection\":\"## Usage\\n\\n```bash\\nnpx -y bun ${SKILL_DIR}/scripts/main.ts [options]\\n```\\n\\n**Options:**\\n\\n| Option | Description | Default |\\n|--------|-------------|---------|\\n| `--theme ` | Theme name (default, grace, simple) | default |\\n| `--title ` | Override title from frontmatter | |\\n| `--keep-title` | Keep the first heading in content | false (removed) |\\n| `--help` | Show help | |\\n\\n**Examples:**\\n\\n```bash\"},\"githubUrl\":\"https://github.com/yelban/baoyu-skills.tw\",\"owner\":\"yelban\",\"repo\":\"baoyu-skills.tw\",\"resourceType\":\"skill\",\"resourceName\":\"baoyu-markdown-to-html\"}]]}],\"$L16\",\"$L17\",\"$L18\",\"$L19\"]}]\n"])</script><script>self.__next_f.push([1,"1a:I[74533,[\"/_next/static/chunks/0a6842a76c315c9c.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/6875684dac0d32c7.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/7ac56969506ec814.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/8544c26c9ccb1a8a.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\"],\"FavoriteCount\"]\n1b:I[13428,[\"/_next/static/chunks/0a6842a76c315c9c.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/6875684dac0d32c7.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/7ac56969506ec814.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\",\"/_next/static/chunks/8544c26c9ccb1a8a.js?dpl=dpl_CSPVqvHqkLqu7f2153bfo7EbijCS\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"16:[\"$\",\"div\",null,{\"className\":\"mb-8 flex gap-6 text-sm text-zinc-500 dark:text-zinc-400\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"title\":\"Installs\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-4 w-4\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":2,\"d\":\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"}]}],[\"$\",\"span\",null,{\"className\":\"font-medium text-zinc-700 dark:text-zinc-300\",\"children\":\"1\"}],[\"$\",\"span\",null,{\"className\":\"text-zinc-400 dark:text-zinc-500\",\"children\":\"Installs\"}]]}],false,[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"h-4 w-4 text-violet-500\",\"fill\":\"currentColor\",\"stroke\":\"currentColor\",\"strokeWidth\":0.5,\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"d\":\"M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z\"}]}],[\"$\",\"span\",null,{\"className\":\"font-medium text-zinc-700 dark:text-zinc-300\",\"children\":[\"$\",\"$L1a\",null,{\"resourceId\":\"007d3331-760d-4388-ab92-dfd1abb31910\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Added\"}],[\"$\",\"span\",null,{\"className\":\"font-medium text-zinc-700 dark:text-zinc-300\",\"children\":\"Feb 4, 2026\"}]]}]]}]\n"])</script><script>self.__next_f.push([1,"17:[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-4\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://github.com/yelban/baoyu-skills.tw\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"inline-flex items-center gap-2 rounded-lg bg-zinc-900 px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-zinc-800 dark:bg-zinc-100 dark:text-zinc-900 dark:hover:bg-zinc-200\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"h-5 w-5\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z\",\"clipRule\":\"evenodd\"}]}],\"View on GitHub\"]}],[\"$\",\"$L7\",null,{\"href\":\"/skills\",\"className\":\"inline-flex items-center gap-2 rounded-lg border border-zinc-300 bg-white px-6 py-3 text-sm font-medium text-zinc-700 transition-colors hover:bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-300 dark:hover:bg-zinc-700\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-5 w-5\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":2,\"d\":\"M10 19l-7-7m0 0l7-7m-7 7h18\"}]}],\"Back to Skills\"]}]]}]\n"])</script><script>self.__next_f.push([1,"1c:T1ee0,"])</script><script>self.__next_f.push([1,"---\nname: baoyu-markdown-to-html\ndescription: Converts Markdown to styled HTML with WeChat-compatible themes. Supports code highlighting, math, PlantUML, footnotes, alerts, and infographics. Use when user asks for \"markdown to html\", \"convert md to html\", \"md轉html\", or needs styled HTML output from markdown.\n---\n\n# Markdown to HTML Converter\n\nConverts Markdown files to beautifully styled HTML with inline CSS, optimized for WeChat Official Account and other platforms.\n\n## Script Directory\n\n**Agent Execution**: Determine this SKILL.md directory as `SKILL_DIR`, then use `${SKILL_DIR}/scripts/\u003cname\u003e.ts`.\n\n| Script | Purpose |\n|--------|---------|\n| `scripts/main.ts` | Main entry point |\n\n## Preferences (EXTEND.md)\n\nUse Bash to check EXTEND.md existence (priority order):\n\n```bash\n# Check project-level first\ntest -f .baoyu-skills/baoyu-markdown-to-html/EXTEND.md \u0026\u0026 echo \"project\"\n\n# Then user-level (cross-platform: $HOME works on macOS/Linux/WSL)\ntest -f \"$HOME/.baoyu-skills/baoyu-markdown-to-html/EXTEND.md\" \u0026\u0026 echo \"user\"\n```\n\nβ”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”\nβ”‚ Path β”‚ Location β”‚\nβ”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€\nβ”‚ .baoyu-skills/baoyu-markdown-to-html/EXTEND.md β”‚ Project directory β”‚\nβ”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€\nβ”‚ $HOME/.baoyu-skills/baoyu-markdown-to-html/EXTEND.md β”‚ User home β”‚\nβ””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜\n\nβ”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”\nβ”‚ Result β”‚ Action β”‚\nβ”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€\nβ”‚ Found β”‚ Read, parse, apply settings β”‚\nβ”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€\nβ”‚ Not found β”‚ Use defaults β”‚\nβ””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜\n\n**EXTEND.md Supports**: Default theme | Custom CSS variables | Code block style\n\n## Workflow\n\n### Step 0: Pre-check (Chinese Content)\n\n**Condition**: Only execute if input file contains Chinese text.\n\n**Detection**:\n1. Read input markdown file\n2. Check if content contains CJK characters (Chinese/Japanese/Korean)\n3. If no CJK content β†’ skip to Step 1\n\n**Format Suggestion**:\n\nIf CJK content detected AND `baoyu-format-markdown` skill is available:\n\nUse `AskUserQuestion` to ask whether to format first. Formatting can fix:\n- Bold markers with punctuation inside causing `**` parse failures\n- CJK/English spacing issues\n\n**If user agrees**: Invoke `baoyu-format-markdown` skill to format the file, then use formatted file as input.\n\n**If user declines**: Continue with original file.\n\n### Step 1: Confirm Theme\n\nBefore converting, use AskUserQuestion to confirm the theme (unless user already specified):\n\n| Theme | Description |\n|-------|-------------|\n| `default` (Recommended) | ηΆ“ε…ΈδΈ»ι‘Œ - ε‚³η΅±ζŽ’η‰ˆοΌŒζ¨™ι‘Œε±…δΈ­εΈΆεΊ•ι‚ŠοΌŒδΊŒη΄šζ¨™ι‘Œη™½ε­—ε½©εΊ• |\n| `grace` | ε„ͺι›…δΈ»ι‘Œ - ζ–‡ε­—ι™°ε½±οΌŒεœ“θ§’ε‘η‰‡οΌŒη²Ύη·»εΌ•η”¨ε‘Š |\n| `simple` | η°‘ζ½”δΈ»ι‘Œ - 現代ζ₯΅η°‘ι’¨οΌŒδΈε°η¨±εœ“θ§’οΌŒζΈ…ηˆ½η•™η™½ |\n\n### Step 2: Convert\n\n```bash\nnpx -y bun ${SKILL_DIR}/scripts/main.ts \u003cmarkdown_file\u003e --theme \u003ctheme\u003e\n```\n\n### Step 3: Report Result\n\nDisplay the output path from JSON result. If backup was created, mention it.\n\n## Usage\n\n```bash\nnpx -y bun ${SKILL_DIR}/scripts/main.ts \u003cmarkdown_file\u003e [options]\n```\n\n**Options:**\n\n| Option | Description | Default |\n|--------|-------------|---------|\n| `--theme \u003cname\u003e` | Theme name (default, grace, simple) | default |\n| `--title \u003ctitle\u003e` | Override title from frontmatter | |\n| `--keep-title` | Keep the first heading in content | false (removed) |\n| `--help` | Show help | |\n\n**Examples:**\n\n```bash\n# Basic conversion (uses default theme, removes first heading)\nnpx -y bun ${SKILL_DIR}/scripts/main.ts article.md\n\n# With specific theme\nnpx -y bun ${SKILL_DIR}/scripts/main.ts article.md --theme grace\n\n# Keep the first heading in content\nnpx -y bun ${SKILL_DIR}/scripts/main.ts article.md --keep-title\n\n# Override title\nnpx -y bun ${SKILL_DIR}/scripts/main.ts article.md --title \"My Article\"\n```\n\n## Output\n\n**File location**: Same directory as input markdown file.\n- Input: `/path/to/article.md`\n- Output: `/path/to/article.html`\n\n**Conflict handling**: If HTML file already exists, it will be backed up first:\n- Backup: `/path/to/article.html.bak-YYYYMMDDHHMMSS`\n\n**JSON output to stdout:**\n\n```json\n{\n \"title\": \"Article Title\",\n \"author\": \"Author Name\",\n \"summary\": \"Article summary...\",\n \"htmlPath\": \"/path/to/article.html\",\n \"backupPath\": \"/path/to/article.html.bak-20260128180000\",\n \"contentImages\": [\n {\n \"placeholder\": \"MDTOHTMLIMGPH_1\",\n \"localPath\": \"/path/to/img.png\",\n \"originalPath\": \"imgs/image.png\"\n }\n ]\n}\n```\n\n## Themes\n\n| Theme | Description |\n|-------|-------------|\n| `default` | ηΆ“ε…ΈδΈ»ι‘Œ - ε‚³η΅±ζŽ’η‰ˆοΌŒζ¨™ι‘Œε±…δΈ­εΈΆεΊ•ι‚ŠοΌŒδΊŒη΄šζ¨™ι‘Œη™½ε­—ε½©εΊ• |\n| `grace` | ε„ͺι›…δΈ»ι‘Œ - ζ–‡ε­—ι™°ε½±οΌŒεœ“θ§’ε‘η‰‡οΌŒη²Ύη·»εΌ•η”¨ε‘Š (by @brzhang) |\n| `simple` | η°‘ζ½”δΈ»ι‘Œ - 現代ζ₯΅η°‘ι’¨οΌŒδΈε°η¨±εœ“θ§’οΌŒζΈ…ηˆ½η•™η™½ (by @okooo5km) |\n\n## Supported Markdown Features\n\n| Feature | Syntax |\n|---------|--------|\n| Headings | `# H1` to `###### H6` |\n| Bold/Italic | `**bold**`, `*italic*` |\n| Code blocks | ` ```lang ` with syntax highlighting |\n| Inline code | `` `code` `` |\n| Tables | GitHub-flavored markdown tables |\n| Images | `![alt](src)` |\n| Links | `[text](url)` with footnote references |\n| Blockquotes | `\u003e quote` |\n| Lists | `-` unordered, `1.` ordered |\n| Alerts | `\u003e [!NOTE]`, `\u003e [!WARNING]`, etc. |\n| Footnotes | `[^1]` references |\n| Ruby text | `{base|annotation}` |\n| Mermaid | ` ```mermaid ` diagrams |\n| PlantUML | ` ```plantuml ` diagrams |\n\n## Frontmatter\n\nSupports YAML frontmatter for metadata:\n\n```yaml\n---\ntitle: Article Title\nauthor: Author Name\ndescription: Article summary\n---\n```\n\nIf no title is found, extracts from first H1/H2 heading or uses filename.\n\n## Extension Support\n\nCustom configurations via EXTEND.md. See **Preferences** section for paths and supported options.\n"])</script><script>self.__next_f.push([1,"18:[\"$\",\"div\",null,{\"className\":\"mt-8\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"mb-4 text-lg font-semibold text-zinc-900 dark:text-white\",\"children\":\"Skill Details\"}],[\"$\",\"$L1b\",null,{\"content\":\"$1c\"}]]}]\n"])</script><script>self.__next_f.push([1,"19:[\"$\",\"div\",null,{\"className\":\"mt-12 border-t border-zinc-200 pt-8 dark:border-zinc-800\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"mb-4 flex items-center gap-2 text-lg font-semibold text-zinc-900 dark:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"More from this repository\"}],[\"$\",\"span\",null,{\"className\":\"rounded-full bg-violet-100 px-2 py-0.5 text-sm font-medium text-violet-700 dark:bg-violet-900/50 dark:text-violet-300\",\"children\":10}]]}],[\"$\",\"div\",null,{\"className\":\"grid gap-3 sm:grid-cols-2\",\"children\":[[\"$\",\"$L7\",\"37a4bf00-9678-4200-ae11-72c0ce0d4e68\",{\"href\":\"/skills/yelban/baoyu-skills.tw/baoyu-cover-image\",\"className\":\"flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xl\",\"children\":\"🎯\"}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate font-medium text-zinc-900 dark:text-white\",\"children\":\"baoyu-cover-image\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs \",\"children\":[[\"$\",\"span\",null,{\"children\":\"🎯\"}],[\"$\",\"span\",null,{\"children\":\"Skill\"}]]}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-sm text-zinc-500 dark:text-zinc-400\",\"children\":\"Generates customizable article cover images with 5-dimensional design options, supporting multiple styles, palettes, and aspect ratios.\"}]]}]]}],[\"$\",\"$L7\",\"63d1412c-24f0-469c-af49-4bc48b0859b1\",{\"href\":\"/skills/yelban/baoyu-skills.tw/baoyu-article-illustrator\",\"className\":\"flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xl\",\"children\":\"🎯\"}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate font-medium text-zinc-900 dark:text-white\",\"children\":\"baoyu-article-illustrator\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs \",\"children\":[[\"$\",\"span\",null,{\"children\":\"🎯\"}],[\"$\",\"span\",null,{\"children\":\"Skill\"}]]}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-sm text-zinc-500 dark:text-zinc-400\",\"children\":\"Generates AI-powered illustrations for articles using Midjourney, tailored to match the content and style of the text.\"}]]}]]}],[\"$\",\"$L7\",\"d5e233b0-9134-4bcb-bda7-62f3fe71a67f\",{\"href\":\"/skills/yelban/baoyu-skills.tw/baoyu-xhs-images\",\"className\":\"flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xl\",\"children\":\"🎯\"}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate font-medium text-zinc-900 dark:text-white\",\"children\":\"baoyu-xhs-images\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs \",\"children\":[[\"$\",\"span\",null,{\"children\":\"🎯\"}],[\"$\",\"span\",null,{\"children\":\"Skill\"}]]}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-sm text-zinc-500 dark:text-zinc-400\",\"children\":\"Generates and manages Xiaohongshu (Red) style images with customizable AI-driven design parameters.\"}]]}]]}],\"$L1d\",\"$L1e\",\"$L1f\",\"$L20\",\"$L21\",\"$L22\",\"$L23\"]}]]}]\n"])</script><script>self.__next_f.push([1,"1d:[\"$\",\"$L7\",\"583edd5f-e8dc-4eaa-83f6-7ef1d5d91de7\",{\"href\":\"/skills/yelban/baoyu-skills.tw/baoyu-slide-deck\",\"className\":\"flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xl\",\"children\":\"🎯\"}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate font-medium text-zinc-900 dark:text-white\",\"children\":\"baoyu-slide-deck\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs \",\"children\":[[\"$\",\"span\",null,{\"children\":\"🎯\"}],[\"$\",\"span\",null,{\"children\":\"Skill\"}]]}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-sm text-zinc-500 dark:text-zinc-400\",\"children\":\"Generates professional slide deck images from content, creating stylized presentations with customizable options for audience, style, and language.\"}]]}]]}]\n1e:[\"$\",\"$L7\",\"60d4e8ad-f46e-4074-a999-e999b884f985\",{\"href\":\"/skills/yelban/baoyu-skills.tw/baoyu-post-to-x\",\"className\":\"flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xl\",\"children\":\"🎯\"}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate font-medium text-zinc-900 dark:text-white\",\"children\":\"baoyu-post-to-x\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs \",\"children\":[[\"$\",\"span\",null,{\"children\":\"🎯\"}],[\"$\",\"span\",null,{\"children\":\"Skill\"}]]}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-sm text-zinc-500 dark:text-zinc-400\",\"children\":\"I apologize, but I cannot generate a description without seeing the actual content or context of the \\\"baoyu-post-to-x\\\" skill. Could you provide more details about what this specific skill does? Wit...\"}]]}]]}]\n1f:[\"$\",\"$L7\",\"939b3020-cff1-4da4-8f95-414d55039936\",{\"href\":\"/skills/yelban/baoyu-skills.tw/release-skills\",\"className\":\"flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xl\",\"children\":\"🎯\"}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate font-medium text-zinc-900 dark:text-white\",\"children\":\"release-skills\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs \",\"children\":[[\"$\",\"span\",null,{\"children\":\"🎯\"}],[\"$\",\"span\",null,{\"children\":\"Skill\"}]]}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-sm text-zinc-500 dark:text-zinc-400\",\"children\":\"Automatically detects and updates version files and multilingual changelogs across various project types with intelligent version bumping and release workflows.\"}]]}]]}]\n20:[\"$\",\"$L7\",\"dff9bfcd-1cee-4782-8f9a-d2e84df9cb39\",{\"href\":\"/skills/yelban/baoyu-skills.tw/baoyu-post-to-wechat\",\"className\":\"flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xl\",\"children\":\"🎯\"}],[\"$\",\"div\",null,{"])</script><script>self.__next_f.push([1,"\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate font-medium text-zinc-900 dark:text-white\",\"children\":\"baoyu-post-to-wechat\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs \",\"children\":[[\"$\",\"span\",null,{\"children\":\"🎯\"}],[\"$\",\"span\",null,{\"children\":\"Skill\"}]]}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-sm text-zinc-500 dark:text-zinc-400\",\"children\":\"Automatically posts blog articles to WeChat Official Account platform via API integration.\"}]]}]]}]\n21:[\"$\",\"$L7\",\"58d728d4-609b-4f08-afd0-2d9fbb04ea06\",{\"href\":\"/skills/yelban/baoyu-skills.tw/baoyu-danger-gemini-web\",\"className\":\"flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xl\",\"children\":\"🎯\"}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate font-medium text-zinc-900 dark:text-white\",\"children\":\"baoyu-danger-gemini-web\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs \",\"children\":[[\"$\",\"span\",null,{\"children\":\"🎯\"}],[\"$\",\"span\",null,{\"children\":\"Skill\"}]]}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-sm text-zinc-500 dark:text-zinc-400\",\"children\":\"Generates images and text via reverse-engineered Gemini Web API, supporting text, image, and vision-based AI generation.\"}]]}]]}]\n22:[\"$\",\"$L7\",\"7570ca0b-dec5-4ba8-a915-d5a24d62f064\",{\"href\":\"/skills/yelban/baoyu-skills.tw/baoyu-danger-x-to-markdown\",\"className\":\"flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xl\",\"children\":\"🎯\"}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate font-medium text-zinc-900 dark:text-white\",\"children\":\"baoyu-danger-x-to-markdown\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs \",\"children\":[[\"$\",\"span\",null,{\"children\":\"🎯\"}],[\"$\",\"span\",null,{\"children\":\"Skill\"}]]}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-sm text-zinc-500 dark:text-zinc-400\",\"children\":\"Converts X (Twitter) tweets and threads to markdown with YAML front matter, requiring user consent for API usage.\"}]]}]]}]\n23:[\"$\",\"$L7\",\"eac42c80-cddd-498b-a1db-abded33cd8ed\",{\"href\":\"/skills/yelban/baoyu-skills.tw/baoyu-comic\",\"className\":\"flex items-center gap-3 rounded-lg border border-zinc-200 bg-white p-4 transition-colors hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700 dark:hover:bg-zinc-800/50\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xl\",\"children\":\"🎯\"}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate font-medium text-zinc-900 dark:text-white\",\"children\":\"baoyu-comic\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 whitespace-nowrap font-medium rounded-full bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 px-2 py-0.5 text-xs \",\"children\":[[\"$\",\"span\",null,{\"children\":\"🎯\"}],[\"$\",\"span\",null,{\"children\":\"Skill\"}]]}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-sm text-zinc-500 dark:text-zi"])</script><script>self.__next_f.push([1,"nc-400\",\"children\":\"I apologize, but I cannot generate a description without seeing the actual content or context of the \\\"baoyu-comic\\\" skill. Could you provide more details about what this skill does, its functionalit...\"}]]}]]}]\n"])</script></body></html>