Show in browser

Skill rperez030/accessible-agent-skills/skills/show-in-browser

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".From its SKILL.md

Install

npx -y skills add rperez030/accessible-agent-skills --skill show-in-browser

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

2.1 KB, 433 tokens by cl100k_base, as published. Nobody here has run it

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.

What ships with it: 1 file

1.9 KB alongside SKILL.md

README.md1.9 KB