ホーム/UI/UX 设计/cmux-markdown
C

cmux-markdown

by @manaflow-aiv
4.6(62)

Markdownファイルを独立したパネルに表示し、リッチテキストフォーマットとリアルタイムファイル監視による自動更新に対応します。

markdowndocumentationpreviewproductivitywritingGitHub
インストール方法
npx skills add manaflow-ai/cmux --skill cmux-markdown
compare_arrows

Before / After 効果比較

1
使用前

编写Markdown后手动切换到预览工具、或等待构建刷新,每次查看需要10-20秒

使用後

专用面板实时显示格式化内容、文件改动自动刷新,即时查看渲染效果

description SKILL.md

cmux-markdown

Markdown Viewer with cmux

Use this skill to display markdown files in a dedicated panel with rich formatting and live file watching.

Core Workflow

  • Write your plan or notes to a .md file.

  • Open it in a markdown panel.

  • The panel auto-updates when the file changes on disk.

# Open a markdown file as a split panel next to the current terminal
cmux markdown open plan.md

# Absolute path
cmux markdown open /path/to/PLAN.md

# Target a specific workspace
cmux markdown open design.md --workspace workspace:2

When to Use

  • Displaying an agent plan or task list alongside the terminal

  • Showing documentation, changelogs, or READMEs while working

  • Reviewing notes that update in real-time (e.g., a plan file being written by another process)

Live File Watching

The panel automatically re-renders when the file changes on disk. This works with:

  • Direct writes (echo "..." >> plan.md)

  • Editor saves (vim, nano, VS Code)

  • Atomic file replacement (write to temp, rename over original)

  • Agent-generated plan files that are updated progressively

If the file is deleted, the panel shows a "file unavailable" state. During atomic replace, the panel attempts automatic reconnection within its short retry window. If the file returns later, close and reopen the panel.

Agent Integration

Opening a plan file

Write your plan to a file, then open it:

cat > plan.md << 'EOF'
# Task Plan

## Steps
1. Analyze the codebase
2. Implement the feature
3. Write tests
4. Verify the build
EOF

cmux markdown open plan.md

Updating a plan in real-time

The panel live-reloads, so simply overwrite the file as work progresses:

# The markdown panel updates automatically when the file changes
echo "## Step 1: Complete" >> plan.md

Recommended AGENTS.md instruction

Add this to your project's AGENTS.md to instruct coding agents to use the markdown viewer:

## Plan Display

When creating a plan or task list, write it to a `.md` file and open it in cmux:

    cmux markdown open plan.md

The panel renders markdown with rich formatting and auto-updates when the file changes.

Routing

# Open in the caller's workspace (default -- uses CMUX_WORKSPACE_ID)
cmux markdown open plan.md

# Open in a specific workspace
cmux markdown open plan.md --workspace workspace:2

# Open splitting from a specific surface
cmux markdown open plan.md --surface surface:5

# Open in a specific window
cmux markdown open plan.md --window window:1

Deep-Dive References

Reference When to Use

references/commands.md Full command syntax and options

references/live-reload.md File watching behavior, atomic writes, edge cases

Rendering Support

The markdown panel renders:

  • Headings (h1-h6) with dividers on h1/h2

  • Fenced code blocks with monospaced font

  • Inline code with highlighted background

  • Tables with alternating row colors

  • Ordered and unordered lists (nested)

  • Blockquotes with left border

  • Bold, italic, strikethrough

  • Links (clickable)

  • Horizontal rules

  • Images (inline)

Supports both light and dark mode. Weekly Installs214Repositorymanaflow-ai/cmuxGitHub Stars8.6KFirst SeenMar 5, 2026Security AuditsGen Agent Trust HubPassSocketPassSnykPassInstalled oncodex206cursor205kimi-cli204gemini-cli204amp204cline204

forumユーザーレビュー (0)

レビューを書く

効果
使いやすさ
ドキュメント
互換性

レビューなし

統計データ

インストール数1.7K
評価4.6 / 5.0
バージョン
更新日2026年3月21日
比較事例1 件

ユーザー評価

4.6(62)
5
0%
4
0%
3
0%
2
0%
1
0%

この Skill を評価

0.0

対応プラットフォーム

🔧Claude Code

タイムライン

作成2026年3月21日
最終更新2026年3月21日