# 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". - Skill: `rperez030/show-in-browser` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add rperez030/show-in-browser` - Raw SKILL.md: https://api.skillmd.com/api/skills/rperez030/show-in-browser/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Coding & Dev Tools - Author: rperez030 (https://skillmd.com/u/rperez030) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/rperez030/show-in-browser --- # 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 1. Generate a temporary HTML file at `/tmp/claude-response-.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`). 2. Detect the platform and open with the matching command, then schedule cleanup: ```bash # macOS open /tmp/claude-response-.html && sleep 5 && rm /tmp/claude-response-.html & # Linux xdg-open /tmp/claude-response-.html && sleep 5 && rm /tmp/claude-response-.html & # WSL (opens in the Windows default browser) wslview /tmp/claude-response-.html && sleep 5 && rm /tmp/claude-response-.html & # Windows (Git Bash / native) start /tmp/claude-response-.html && sleep 5 && rm /tmp/claude-response-.html & ``` Detect via `uname -a` / `$OSTYPE` (check `/proc/version` for "microsoft" to identify WSL). 3. The browser loads the content into memory immediately, so deleting after a few seconds is safe. ## Accessibility notes - Use semantic headings (`

` through `

`) so screen reader heading navigation works. - Set `lang="en"` on `` (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.