How do I install the Show In Browser skill?

Run npx skillmds@latest add rperez030/show-in-browser in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Show In Browser skill do?

Use when the user asks to see a response, content, or output rendered in a browser — such as "show this in a browser", "open in browser", or "render this". It is listed under Coding & Dev Tools on SkillMD.

Is Show In Browser safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Show In Browser?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Show In Browser free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Show In Browser?

rperez030 (@rperez030) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Show In Browser by rperez030 — Agent Skill

Name: Show In Browser
Author: rperez030

File contents

Show in Browser Skill

Render the most recent assistant response (or specific content if the user specifies) as a well-formatted HTML page and open it in the default browser.

Steps

Generate a temporary HTML file at /tmp/claude-response-<timestamp>.html with:
- Clean, semantic HTML with a system-ui font, reasonable max-width, and good contrast.
- Proper heading structure for screen reader accessibility.
- The content from the most recent response (or what the user specifies via $ARGUMENTS).

Detect the platform and open with the matching command, then schedule cleanup:

# macOS
open /tmp/claude-response-<timestamp>.html && sleep 5 && rm /tmp/claude-response-<timestamp>.html &

# Linux
xdg-open /tmp/claude-response-<timestamp>.html && sleep 5 && rm /tmp/claude-response-<timestamp>.html &

# WSL (opens in the Windows default browser)
wslview /tmp/claude-response-<timestamp>.html && sleep 5 && rm /tmp/claude-response-<timestamp>.html &

# Windows (Git Bash / native)
start /tmp/claude-response-<timestamp>.html && sleep 5 && rm /tmp/claude-response-<timestamp>.html &

Detect via uname -a / $OSTYPE (check /proc/version for "microsoft" to identify WSL).

The browser loads the content into memory immediately, so deleting after a few seconds is safe.

Accessibility notes

Use semantic headings (<h1> through <h3>) so screen reader heading navigation works.
Set lang="en" on <html> (or the appropriate language code).
Use a max-width (around 70ch) for readable line lengths.
Default to high-contrast colors. Don't rely on color alone for meaning.
Avoid auto-playing audio or video.

Frequently asked questions

Show In Browser