Anytime Markdown Editor

日本語 | English

Rich preview of AI-generated Markdown while you code — all inside VS Code.

AI assistants write specs, designs, and notes in Markdown, but reviewing plain text is hard to read and switching between tools breaks your flow.

Anytime Markdown gives you a WYSIWYG editor with rich rendering, plus collaborative editing with AI to prevent file conflicts.

Try the Online Editor

1. What You Can Do

• Rich Markdown editing — render tables, Mermaid, PlantUML, and KaTeX inline
• Auto-lock while AI is editing — prevent conflicts when Claude Code is writing to a file
• AI change highlight in gutter — visually mark edited blocks in the gutter when Claude Code modifies the file
• Switch between 3 modes with one click — WYSIWYG, Source, Review
• Document search and Note Graph — search across your entire documentation repository and visualize how documents connect to each other
• History and commit comparison — compare past commit content against the current version from the Timeline view

Syntax guides, each with worked examples you can paste straight into the editor:

• Mermaid — flowcharts and sequence diagrams
• PlantUML — class and deployment diagrams
• KaTeX — LaTeX math notation
• Diff and merge — compare two revisions side by side
• Tables — build tables without counting pipes

2. Getting Started

Right-click a .md / .markdown file and choose "Open with Anytime Markdown" to open it in the editor.

Available from both the Explorer context menu and the editor title bar context menu.

3. Auto-Lock While AI Is Editing (Claude Code Collaborative Editing)

While Claude Code is editing a file, the editor becomes read-only to prevent conflicts.
When editing finishes, the lock is released and the content is updated automatically.

• Anytime Agent required — the Agent extension registers the Claude Code hooks; this extension reads the status to control locking
• Handles rapid edits — lock is released 3 seconds after the last edit
• Crash safe — auto-unlocks after 30 seconds if Claude Code stops responding

4. AI Change Highlight Review

When Claude Code edits a file and the editor auto-reloads, changed and added blocks are marked in the gutter on the left side of the editor.
See at a glance what was rewritten, then press Escape to clear the markers.

• Added / changed blocks — change marker shown in gutter
• Deleted sections — deletion indicator shown at the position of removal
• Only active when auto-reload is enabled

5. Editor Modes

Switch with the mode menu in the toolbar.

6. Document Search and Note Graph

Set anytimeMarkdown.docsRoot to the root of your documentation repository to index the whole repository and search across it from the editor.

• Full-text search — the index is stored in catalog.db and refreshed automatically every anytimeMarkdown.docSearch.intervalMinutes (default 30 minutes). Trigger a manual rebuild from the Command Palette: Anytime Markdown: Rebuild Doc Search Index
• Note Graph — builds a relationship graph between documents from the frontmatter related, tags, and c4Scope fields plus .md links in the body, shown in the side toolbar. Follow related documents to move between specs
• If docsRoot is empty, indexing is disabled and the Note Graph falls back to the git repository that the current document belongs to

7. History and Commit Comparison

Opening a Markdown file shows its commit history in the Timeline view of the Anytime Markdown sidebar.
Right-click a commit and choose Compare with this commit to diff its content against the current content.

Compare with Anytime in the editor title bar opens a regular diff view rendered by Anytime Markdown.

8. Keyboard Shortcuts

9. Bundled Skills

On activation, the extension installs Claude Code skills into the workspace's .claude/skills/.
To reinstall them, run Anytime Markdown: Reinstall Markdown Skills (.claude/skills) from the Command Palette.

10. Settings

11. License

MIT