首页/UI/UX 设计/cmux-markdown
C

cmux-markdown

by @manaflow-aiv1.0.0
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
版本1.0.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日