skills.rest
omaclaren
omaclarenCOMMUNITY
Explore all skills by this author →
GitHub

preview-browser-skill

Render markdown files or assistant messages to HTML with annotations highlighted and opened in browser.

3|1|Updated Mar 4, 2026
Search Tags:#workflow#markdown#preview#pandoc#browser#annotations#render
One-click install
npx skills add https://github.com/omaclaren/agent-skills-public --skill preview-browser-skill
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: preview-browser-skill
Source: https://github.com/omaclaren/agent-skills-public/tree/main/skills/preview-browser-skill
Command: npx skills add https://github.com/omaclaren/agent-skills-public --skill preview-browser-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Quickly turning assistant responses or local markdown files into an immediately viewable HTML preview removes friction from reviewing, annotating, and sharing content without manual copy-paste and local rendering steps.

Core Features & Use Cases

  • Render Last Assistant Message: Write the immediately preceding assistant message to a temporary markdown file and render it as HTML for quick inspection.
  • Render Specified File: Accept a user-provided markdown file path and convert it to HTML.
  • Annotation Highlighting: Convert [an: ...] markers into highlighted HTML elements for visible inline notes.
  • Use Case: Preview drafted documentation or AI-generated responses with annotations before sharing or editing.

Quick Start

Preview my last assistant message as HTML and open it in the default browser.

Frequently Asked Questions about preview-browser-skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I preview markdown in my default browser?▼

To preview markdown in your default browser, this skill renders the content into an HTML file and invokes the system default open command to display it immediately.

Can I render an AI assistant response as HTML without copy-pasting?▼

Yes, you can render an AI assistant response as HTML directly. The skill writes the immediately preceding assistant message to a temporary markdown file and converts it for visual review.

How do I highlight annotations in a markdown file before sharing?▼

To highlight annotations in a markdown file, the skill converts [an: ...] markers into highlighted HTML elements, making inline notes visible during the browser preview.

Do I need pandoc installed to render markdown to HTML?▼

Yes, you need pandoc installed to render markdown to HTML. The skill operates by invoking system utilities such as pandoc to convert the markdown content into the final HTML output.

What is the best way to quickly view local markdown files?▼

The best way to quickly view local markdown files is providing the file path to this skill. It converts the specified markdown file to HTML and opens it in the system default browser.

Where are temporary HTML files stored when previewing markdown?▼

When previewing markdown, temporary HTML files are written and stored under the /tmp directory on your system before being opened in the default browser.

Related Skills

Explore More Content & Communication Skills→
rp1-runrp1-run
38

markdown-preview

Convert Markdown, plain text, and Mermaid diagrams into self-contained HTML previews.

Official
Intermediate
simonheimlichersimonheimlicher
1

understanding-durable-map

Convert product specifications into permanent documentation with test-derived status.

Community
Basic
paimlpaiml
161

Technical Debt Tracking with PMAT

Detect SATD annotations, estimate debt hours, and generate trend reports.

Official
Advanced
asermaxasermax
1

show-markdown

Render markdown content in a browser with styled HTML and Mermaid diagrams.

Community
Intermediate