搜索

PythonReactSEOPDF
GitHub Skill

mdserve

Preview markdown with mdserve when content is long or likely to be iterated with the user (tables, diagrams, multi-section docs). Skip preview for short markdown that is easy to read directly in the terminal.

jfernandez☆ 388 仓库 Stars40 仓库 Forks

安装与使用

请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求,再添加到工作流。

查看来源 ↗使用指南

技能说明

mdserve

Serve markdown files as live-reloading HTML previews in the browser using mdserve.

When to use

Use mdserve whenever you produce markdown that benefits from rendered presentation:

  • Plans and proposals
  • Architecture or design documents
  • Reports, comparisons, or summaries with tables
  • Anything containing Mermaid diagrams
  • Multi-file documentation sets
  • Any time the user asks to "preview" or "render" markdown

Use mdserve when markdown is more than about 40 to 60 lines, has complex formatting, or is likely to go through multiple edit/review iterations with the user.

Do not use mdserve for short conversational answers, single code snippets, trivial one-paragraph responses, or any markdown that fits comfortably within a terminal window.

Workflow

  1. Write the markdown file (e.g. plan.md).
  2. Start mdserve using the Bash tool with run_in_background: true and the --open flag to launch the browser automatically:
    command: mdserve --open plan.md
    run_in_background: true
    
  3. Tell the user the URL (default: http://127.0.0.1:3000).
  4. Continue editing the file - changes reload automatically.
  5. When the task is finished and the preview is no longer needed, stop the background task using TaskStop with the task ID.

Port conflicts

mdserve automatically finds an available port if the default (3000) is in use. Check the startup output for the actual URL and always tell the user the URL that mdserve reports.

Directory mode

When producing multiple related markdown files, serve the parent directory instead:

command: mdserve --open docs/
run_in_background: true

This gives the user a sidebar to navigate between files. Only the immediate directory is watched (non-recursive).

Mermaid diagrams

Use Mermaid diagrams when they improve clarity over plain text:

  • Flowcharts — processes and decision trees
  • Sequence diagrams — API and service interactions
  • Entity-relationship diagrams — data models
  • State diagrams — state machines

Prefer Mermaid over ASCII art when the diagram has more than a few elements or shows relationships and flow.

Installation

mdserve must be installed on the user's system. If the mdserve command is not found, ask the user how they would like to install it using AskUserQuestion with these options:

  1. Install script — curl -sSfL https://raw.githubusercontent.com/jfernandez/mdserve/main/install.sh | bash
  2. Homebrew — brew install mdserve
  3. Cargo — cargo install mdserve
  4. Arch Linux — sudo pacman -S mdserve

Then run the corresponding install command for them.

使用示例

查看来源仓库中的使用示例与配置说明。

查看来源 ↗

来源历史

收录时间
2026-03-11
索引更新时间
2026-03-11
Branch
main

收录与同步日期属于本站记录。源码修改历史请查看来源仓库。

GitHub ↗

chat Comments (0)

chat_bubble_outline

No comments yet. Be the first to share your thoughts!