Pretty Mermaid Renderer
imxv/Pretty-mermaid-skills
Writes and renders Mermaid diagrams as themed SVG, PNG or terminal ASCII and Unicode art with a bundled Node.js CLI that needs no browser.
Converts VitePress/GFM wiki markdown to Azure DevOps Wiki-compatible format.
$ npx skills add microsoft/skills --skill wiki-ado-convert -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install microsoft/skills wiki-ado-convert --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/microsoft/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.github/plugins/deep-wiki/skills/wiki-ado-convert .claude/skills/wiki-ado-convert && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "wiki-ado-convert" agent skill from https://github.com/microsoft/skills/tree/main/.github/plugins/deep-wiki/skills/wiki-ado-convert into .claude/skills/wiki-ado-convert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wiki-ado-convert", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/microsoft/skills/tree/main/.github/plugins/deep-wiki/skills/wiki-ado-convertType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add microsoft/skills --skill wiki-ado-convert -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install microsoft/skills wiki-ado-convert --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/microsoft/skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.github/plugins/deep-wiki/skills/wiki-ado-convert .agents/skills/wiki-ado-convert && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "wiki-ado-convert" agent skill from https://github.com/microsoft/skills/tree/main/.github/plugins/deep-wiki/skills/wiki-ado-convert into .agents/skills/wiki-ado-convert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wiki-ado-convert", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add microsoft/skills --skill wiki-ado-convert -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install microsoft/skills wiki-ado-convert --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/microsoft/skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.github/plugins/deep-wiki/skills/wiki-ado-convert .cursor/skills/wiki-ado-convert && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "wiki-ado-convert" agent skill from https://github.com/microsoft/skills/tree/main/.github/plugins/deep-wiki/skills/wiki-ado-convert into .cursor/skills/wiki-ado-convert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wiki-ado-convert", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/microsoft/skills.git --path .github/plugins/deep-wiki/skills/wiki-ado-convert--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add microsoft/skills --skill wiki-ado-convert -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install microsoft/skills wiki-ado-convert --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/microsoft/skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.github/plugins/deep-wiki/skills/wiki-ado-convert .gemini/skills/wiki-ado-convert && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "wiki-ado-convert" agent skill from https://github.com/microsoft/skills/tree/main/.github/plugins/deep-wiki/skills/wiki-ado-convert into .gemini/skills/wiki-ado-convert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wiki-ado-convert", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install microsoft/skills wiki-ado-convertInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add microsoft/skills --skill wiki-ado-convert -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/microsoft/skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/.github/plugins/deep-wiki/skills/wiki-ado-convert .github/skills/wiki-ado-convert && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "wiki-ado-convert" agent skill from https://github.com/microsoft/skills/tree/main/.github/plugins/deep-wiki/skills/wiki-ado-convert into .github/skills/wiki-ado-convert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wiki-ado-convert", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add microsoft/skills --skill wiki-ado-convert -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install microsoft/skills wiki-ado-convert --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/microsoft/skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.github/plugins/deep-wiki/skills/wiki-ado-convert .opencode/skills/wiki-ado-convert && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "wiki-ado-convert" agent skill from https://github.com/microsoft/skills/tree/main/.github/plugins/deep-wiki/skills/wiki-ado-convert into .opencode/skills/wiki-ado-convert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wiki-ado-convert", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
wiki-ado-convertConverts VitePress/GFM wiki markdown to Azure DevOps Wiki-compatible format.
Wiki Ado Convert is an agent skill from microsoft/skills, published by the product's own GitHub organization. Converts VitePress/GFM wiki markdown to Azure DevOps Wiki-compatible format. Generates a Node.js build script that transforms Mermaid syntax, strips front matter, fixes links, and outputs ADO-compatible copies to dist/ado-wiki/.
Its SKILL.md is about 2.3k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Development, covering Diagrams, Markdown and Static sites and blogs. It works with Azure DevOps, Mermaid, VitePress and Node.js. The repository describes itself as: Skills, MCP servers, Custom Agents, Agents.md for SDKs to ground Coding Agents. The licence is MIT.
4 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 354361d. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
gitFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Wiki Ado Convert loads about 2.3k tokens when it runs. Until then it costs about 61 tokens; SKILL.md has 838 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from microsoft/skills at commit 354361d, republished under its MIT licence (© microsoft). 838 words, ~2,324 tokens.
.claude/skills/wiki-ado-convert/SKILL.md (or your agent's skills folder).Generate a Node.js build script that transforms VitePress/GFM markdown documentation into Azure DevOps Wiki-compatible format. The source files remain untouched — the script produces transformed copies in dist/ado-wiki/.
Before generating the build script, resolve the source repository context:
git remote get-url originREPO_URL, preserve linked citations in converted outputAzure DevOps Wikis use a markdown dialect that differs from GFM and VitePress in several critical ways. Documentation that renders perfectly in VitePress will have broken diagrams, raw front matter, dead links, and rendering issues when published as an ADO Wiki.
| Issue | VitePress/GFM | ADO Wiki | Fix |
|---|---|---|---|
| Mermaid code fences | ```mermaid ... ``` | ::: mermaid ... ::: | Convert opening/closing fences |
flowchart keyword | flowchart TD | graph TD | Replace flowchart with graph (preserve direction) |
<br> in Mermaid labels | Node[Label<br>Text] | Not supported | Strip <br> variants (replace with space) |
Long arrows ----> | A ---->B | Not supported | Replace with --> |
| YAML front matter | --- ... --- at file start | Rendered as visible raw text | Strip entirely |
| Parent-relative source links | [text](../../src/file.cs) | Broken (wiki is separate) | Convert to plain text |
| VitePress container directives | ::: tip / ::: warning | Not supported | Convert to ADO alert blockquotes > [!TIP] / > [!WARNING] |
| Issue | Notes |
|---|---|
Mermaid style directives | ADO's Mermaid version may ignore inline styling. Leave as-is (cosmetic). |
Mermaid thick arrows ==> | May work. Leave as-is. |
Mermaid dotted arrows -.-> | May work. Leave as-is. |
| Subgraph linking | Links to/from subgraphs not supported, but nodes inside subgraphs work fine. |
./other-page.md)As of 2025:
sequenceDiagram, gantt, graph (NOT flowchart), classDiagramstateDiagram, stateDiagram-v2, journey, pie, erDiagramrequirementDiagram, gitGraph, timelinemindmap, sankey, quadrantChart, xychart, blockThe generated script should be a Node.js ESM module (scripts/build-ado-wiki.js) using only built-in Node.js modules (node:fs/promises, node:path, node:url). No external dependencies.
Remove --- delimited YAML blocks at file start. ADO renders these as visible text.
function stripFrontMatter(content) {
if (!content.startsWith('---')) return content;
const endIndex = content.indexOf('\n---', 3);
if (endIndex === -1) return content;
let rest = content.slice(endIndex + 4);
if (rest.startsWith('\n')) rest = rest.slice(1);
return rest;
}Process line-by-line, tracking mermaid block state. Apply fixes ONLY inside mermaid blocks:
```mermaid → ::: mermaid``` → :::flowchart → graph (preserve direction: TD, LR, TB, RL, BT)<br>, <br/>, <br /> (replace with space)----> with 4+ dashes) with -->function convertMermaidBlocks(content) {
const lines = content.split('\n');
const result = [];
let inMermaid = false;
for (const line of lines) {
const trimmed = line.trimEnd();
if (!inMermaid && /^```mermaid\s*$/.test(trimmed)) {
result.push('::: mermaid');
inMermaid = true;
continue;
}
if (inMermaid && /^```\s*$/.test(trimmed)) {
result.push(':::');
inMermaid = false;
continue;
}
if (inMermaid) {
let fixed = line;
fixed = fixed.replace(/^(\s*)flowchart(\s+)/, '$1graph$2');
fixed = fixed.replace(/<br\s*\/?>/gi, ' ');
fixed = fixed.replace(/-{4,}>/g, '-->');
result.push(fixed);
} else {
result.push(line);
}
}
return result.join('\n');
}Convert [text](../path) to plain text. Preserves same-directory .md links and external URLs.
function convertSourceLinks(content) {
return content.replace(
/\[([^\]]*)\]\(\.\.\/[^)]*\)/g,
(match, linkText) => linkText
);
}Convert ::: tip / ::: warning / ::: danger to ADO alert blockquotes:
function convertContainerDirectives(content) {
// ::: tip → > [!TIP]
// ::: warning → > [!WARNING]
// ::: danger → > [!CAUTION]
// ::: info → > [!NOTE]
// closing ::: → (blank line)
}async function main() {
const files = await collectMarkdownFiles(ROOT);
const stats = { frontMatter: 0, mermaid: 0, sourceLinks: 0, containers: 0 };
for (const filePath of files) {
let content = await readFile(filePath, 'utf-8');
content = stripFrontMatter(content);
content = convertMermaidBlocks(content);
content = convertSourceLinks(content);
const outPath = join(OUTPUT, relative(ROOT, filePath));
await mkdir(dirname(outPath), { recursive: true });
await writeFile(outPath, content, 'utf-8');
}
// Print transformation statistics
}The script should skip: node_modules, .vitepress, .git, dist, build, out, target, and any non-documentation directories.
{
"scripts": {
"build:ado": "node scripts/build-ado-wiki.js"
}
}After the script runs, verify:
dist/ado-wiki/ matches source (minus skipped dirs)```mermaid fences remaining — all converted to ::: mermaidflowchart keywords remaining — all converted to graph.md links preservedindex.md at root is a proper wiki home page (NOT a placeholder)The ADO Wiki's index.md MUST be a proper wiki landing page, NOT a generic placeholder with "TODO" text.
index.md: Transform it (strip front matter, strip VitePress hero/features blocks). If meaningful content remains, use it.# headingindex.md contains "TODO:", "Give a short introduction", or similar placeholder text, replace it entirely.order FilesGenerate .order files in each directory to control sidebar ordering:
.md extension, one per lineThe converted ADO wiki must maintain the same quality standards:
[file:line](URL)) are standard markdown — preserve them as-is<!-- Sources: ... --> comment blocks after Mermaid diagrams — preserve (HTML comments work in ADO)dist/ado-wiki/© microsoft, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in .github/plugins/deep-wiki/skills/wiki-ado-convert of microsoft/skills.
Open the folder on GitHubat commit 354361d
Wiki Ado Convert next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Wiki Ado Convert this skillmicrosoft/skills | 3.1k | — | ~2.3k | Automated safety check: Pass | MIT | |
| Pretty Mermaid Rendererimxv/Pretty-mermaid-skills | 1.5k | — | ~2k | Automated safety check: Pass | MIT | |
| Chatbot Mvp Distillationpdsuwwz/chatgpt-vue3-light-mvp | 578 | — | ~722 | Automated safety check: Pass | MIT | |
| Chatbot Mvp Distillation Zhpdsuwwz/chatgpt-vue3-light-mvp | 578 | — | ~414 | Automated safety check: Pass | MIT | |
| Markdown Mermaid WritingK-Dense-AI/scientific-agent-skills | 48k | 1 repos | ~4.2k | Automated safety check: Notes | Apache-2.0 | |
| Axiom Explainerdigoal/blog | 8.6k | — | ~626 | Automated safety check: Pass | GPL-2.0 |
imxv/Pretty-mermaid-skills
Writes and renders Mermaid diagrams as themed SVG, PNG or terminal ASCII and Unicode art with a bundled Node.js CLI that needs no browser.
pdsuwwz/chatgpt-vue3-light-mvp
Distill the chatgpt-vue3-light-mvp project into reusable architecture for building similar ChatGPT-style web products in other repositories.
pdsuwwz/chatgpt-vue3-light-mvp
将 chatgpt-vue3-light-mvp 项目蒸馏为可迁移到其他项目的中文架构指南。适用于设计或实现类似 ChatGPT 的 Web 对话产品,包括 SSE/fetch 流式响应、模型适配器契约、打字机渲染、Markdown/代码/KaTeX/Mermaid 渲染、推理过程展示,以及从本 Vue 3 MVP 迁移到其他项目的方案规划。
K-Dense-AI/scientific-agent-skills
Writes scientific Markdown documentation and Mermaid diagrams for workflows, relationships, timelines, and schemas.
digoal/blog
生成面向学生的公理/定理深度讲解文案,输出图文并茂的 Markdown 文章。触发条件:用户输入一个观点、公理、定理或数学/科学/哲学命题,并希望获得系统性讲解文章。关键词包括:"讲解"、"解释"、"公理"、"定理"、"原理"、"推导"、"怎么来的"、"有什么用"、"证明"等。即使用户只说"帮我讲讲XX定理"或"解释一下XX原理",也应使用本 skill。输出保存到项目 markdown/…
digoal/blog
根据用户给出的行业名称(或默认使用热点社会新闻),抓取最新新闻热点,用"找世界bug"的视角——找出那些打眼一看就不合理的地方——深度分析根因、利益链条、监管盲区,并给出多维度解决思路,输出图文并茂(含SVG/Mermaid/ASCII图形)的Markdown文件,保存到项目markdown/目录。
microsoft/skills
Reference for building on Microsoft Foundry with the azure-ai-projects Python SDK: project clients, versioned agents, evaluations, connections, datasets and indexes.
microsoft/skills
Python guidance for the Azure AI Search SDK covering vector, hybrid and semantic search, index management and indexers, with Entra ID authentication preferred over keys.
microsoft/skills
Covers producer, consumer, and checkpoint-store setup for Azure Event Hubs streaming in Python, with Entra ID auth and partition targeting.
microsoft/skills
Create Pydantic models following the multi-model pattern with Base, Create, Update, Response, and InDB variants.
microsoft/skills
Captures and filters Windows user-mode and kernel debug output from the command line with the Sysinternals DebugView CLI, including bounded runs suited to agents.
microsoft/skills
Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations.
Works with
Converts VitePress/GFM wiki markdown to Azure DevOps Wiki-compatible format. Wiki Ado Convert is an agent skill from microsoft/skills, published by the product's own GitHub organization. Converts VitePress/GFM wiki markdown to Azure DevOps Wiki-compatible format.
Wiki Ado Convert fits situations like: tasks that involve Diagrams; tasks that involve Markdown; tasks that involve Static sites and blogs.
Run `npx skills add microsoft/skills --skill wiki-ado-convert -a claude-code`. Or copy the skill folder (.github/plugins/deep-wiki/skills/wiki-ado-convert in microsoft/skills) into .claude/skills/wiki-ado-convert in your project. Claude Code loads it when a task matches its description.
Run `npx skills add microsoft/skills --skill wiki-ado-convert -a codex`. Or copy the skill folder (.github/plugins/deep-wiki/skills/wiki-ado-convert in microsoft/skills) into .agents/skills/wiki-ado-convert in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add microsoft/skills --skill wiki-ado-convert -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/wiki-ado-convert, .gemini/skills/wiki-ado-convert, .github/skills/wiki-ado-convert and .opencode/skills/wiki-ado-convert in your project.
Going by SKILL.md and its folder, Wiki Ado Convert needs the command-line tools its instructions call (git). Our summary lists: Node.js.
SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Wiki Ado Convert is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.3k tokens (SKILL.md is roughly 9.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Wiki Ado Convert: Pretty Mermaid Renderer (imxv/Pretty-mermaid-skills, 1.5k stars), Chatbot Mvp Distillation (pdsuwwz/chatgpt-vue3-light-mvp, 578 stars), Chatbot Mvp Distillation Zh (pdsuwwz/chatgpt-vue3-light-mvp, 578 stars) and Markdown Mermaid Writing (K-Dense-AI/scientific-agent-skills, 48k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
microsoft (a GitHub organization, an official publisher) maintains it in microsoft/skills, which has 3,091 GitHub stars. The repository holds 150 skills in this directory. The repository was last updated on October 6, 2026.
Source: microsoft/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.