원클릭으로 Manus에서 모든 스킬 실행

replace-mermaid-with-img

스타4

포크0

업데이트2026년 3월 3일 08:17

将 Markdown 文件中的 mermaid 代码块替换为同目录 img/ 下对应的图片引用。用户已手工将 mermaid 图导出为图片（png/gif/jpeg/webp/svg 等）放入 img/ 目录，需要自动匹配并替换。当 markdown 文件中同时存在 mermaid 代码块和 img/ 目录下的图片文件时使用。

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

Miss-you

Miss-you/miss-you.github.io

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

Replace Mermaid Blocks with Images

Workflow

1. Inventory

Read the target markdown file. Extract all ```mermaid blocks — record each block's line range and a short semantic summary.
List all files in the sibling img/ directory.
Identify which img/ files are not yet referenced anywhere in the markdown (![...](img/...) pattern). These are the candidates for matching.

2. Match

If unused images outnumber mermaid blocks, that is expected — extra images serve non-mermaid content. Only match images to mermaid blocks; ignore the rest silently.

Matching strategy:

Descriptive filenames (e.g. sdlc-bottleneck.png): match by name similarity first.
Opaque hash filenames: use Read tool to view each candidate image visually, match by content.

Present a confirmation table before editing:

| Mermaid (lines) | Summary         | Matched image              |
|-----------------|-----------------|-----------------------------|
| 41-60           | SDLC bottleneck | fa9fd959...e1.png           |

If the user rejects a row, ask them to identify the correct image. Accepted rows can proceed immediately; rejected rows wait for resolution.

3. Replace

For each matched pair, replace the entire mermaid fence (```mermaid through closing ```) with:

![<alt text>](img/<filename>)

Rules:

<filename> = exact filename from img/ listing including its actual extension (.png, .gif, .jpeg, .webp, .svg, etc.).
Alt text: concise description derived from the mermaid content, matching the article's language (lang in front matter), max 30 chars.
Preserve any > blockquote caption immediately after the mermaid block.
Do NOT re-insert already-referenced images or modify non-mermaid content.
Path is always img/<filename> relative to the markdown file (never ../img/).

4. Verify

Grep for ```mermaid — confirm zero remaining.
Grep for ](img/ — confirm count matches expected total (prior refs + new replacements).
Report: "N mermaid blocks replaced, 0 remaining."

이 저장소의 다른 Skills

같은 저장소

append-post-to-lark-doc

Miss-you/miss-you.github.io

Use when a post from this repository should be appended to an existing Feishu doc or wiki page, especially when the user provides a target wiki/doc URL and wants update semantics with append as the default rather than creating a new child page.

2026-04-104

publish-to-ai-coding-wiki

Miss-you/miss-you.github.io

Use when a post from this repository should be published as a new child page under the fixed Feishu wiki node `AI Coding 分享`, especially when the user says 上传到知识库、发到飞书知识库、新建一篇知识库文章、或要把某篇 content/posts 文章发到 AI Coding 分享。

2026-04-104

blog-image-pipeline

Miss-you/miss-you.github.io

Use when blog post has local images (img/ directory) that need to be visually understood, inserted into the article at appropriate positions, and/or migrated from local relative paths to a GitHub image hosting repository. Triggers: 插入图片, 配图, 上传图片到图床, 图片迁移, 图片外链, insert images, upload to image hosting.

2026-03-254

pdf-to-markdown

Miss-you/miss-you.github.io

Use when converting PDF files to markdown with embedded images extracted as separate files. Triggered by: "PDF转markdown", "PDF转md", "解析PDF", "提取PDF内容", "提取PDF图片", "convert PDF to markdown", "PDF to md", "extract PDF content".

2026-03-164

publish-post

Miss-you/miss-you.github.io

从用户在对话中提供的文本创建 Hugo 博客文章，自动生成 front matter、运行 check-posts.py 检查、git commit 并 push。当用户贴一段文字并要求发博客、创建文章、发布文章、帮我发到博客、把这段文字变成博客、commit and push 这篇文章时使用。

2026-03-034

name	replace-mermaid-with-img
description	将 Markdown 文件中的 mermaid 代码块替换为同目录 img/ 下对应的图片引用。用户已手工将 mermaid 图导出为图片（png/gif/jpeg/webp/svg 等）放入 img/ 目录，需要自动匹配并替换。当 markdown 文件中同时存在 mermaid 代码块和 img/ 目录下的图片文件时使用。

Replace Mermaid Blocks with Images

Workflow

1. Inventory

Read the target markdown file. Extract all ```mermaid blocks — record each block's line range and a short semantic summary.
List all files in the sibling img/ directory.
Identify which img/ files are not yet referenced anywhere in the markdown (![...](img/...) pattern). These are the candidates for matching.

2. Match

If unused images outnumber mermaid blocks, that is expected — extra images serve non-mermaid content. Only match images to mermaid blocks; ignore the rest silently.

Matching strategy:

Descriptive filenames (e.g. sdlc-bottleneck.png): match by name similarity first.
Opaque hash filenames: use Read tool to view each candidate image visually, match by content.

Present a confirmation table before editing:

| Mermaid (lines) | Summary         | Matched image              |
|-----------------|-----------------|-----------------------------|
| 41-60           | SDLC bottleneck | fa9fd959...e1.png           |

If the user rejects a row, ask them to identify the correct image. Accepted rows can proceed immediately; rejected rows wait for resolution.

3. Replace

For each matched pair, replace the entire mermaid fence (```mermaid through closing ```) with:

![<alt text>](img/<filename>)

Rules:

<filename> = exact filename from img/ listing including its actual extension (.png, .gif, .jpeg, .webp, .svg, etc.).
Alt text: concise description derived from the mermaid content, matching the article's language (lang in front matter), max 30 chars.
Preserve any > blockquote caption immediately after the mermaid block.
Do NOT re-insert already-referenced images or modify non-mermaid content.
Path is always img/<filename> relative to the markdown file (never ../img/).

4. Verify

Grep for ```mermaid — confirm zero remaining.
Grep for ](img/ — confirm count matches expected total (prior refs + new replacements).
Report: "N mermaid blocks replaced, 0 remaining."