Skill

open-as-html

Convert markdown or conversation output to a clean HTML file and open it in the browser. Use when the user wants to copy content into Google Docs, share formatted output, preview content as a web page, or says things like "open that as HTML," "make that pasteable," "put that in a doc," or "open that in the browser."

npx claudepluginhub czue/agent-tools --plugin agent-tools

Tool Access

This skill is limited to using the following tools:

WriteBash(xdg-open:*)Bash(open:*)

Preview

Convert content from the conversation into a styled HTML file and open it in the default browser for easy copy-paste into Google Docs or other rich text editors.

SKILL.md

Similar Skills

skill-lookup

159.9k

Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.

prompts.chat

prompt-lookup

159.9k

Searches prompts.chat for AI prompt templates by keyword or category, retrieves by ID with variable handling, and improves prompts via AI. Use for discovering or enhancing prompts.

prompts.chat

next-compile

139.2k

Checks Next.js compilation errors using a running Turbopack dev server after code edits. Fixes actionable issues before reporting complete. Replaces `next build`.

1 file

vercel-next-js-2

Stats

Stars0

Forks0

Last CommitMar 3, 2026

Actions

View Source View Plugin View on GitHub View README

open-as-html

Open as HTML

Convert content from the conversation into a styled HTML file and open it in the default browser for easy copy-paste into Google Docs or other rich text editors.

Arguments

$0: (optional) description of what content to convert. If not provided, convert the most recent substantive output from the conversation.

Workflow

Identify the content to convert — either specified by the user or the most recent substantive output.

Convert it to clean, semantic HTML with this structure:

Use <h1>, <h2>, <h3> for headings
Use <ol>/<ul> for lists
Use <em> and <strong> for emphasis
Use <table> for any tabular data
Use <pre><code> for code blocks

Wrap in a minimal HTML document with basic styling:

<!DOCTYPE html>
<html>
<head>
<style>
  body { font-family: Arial, sans-serif; max-width: 700px; margin: 40px auto; padding: 0 20px; }
  li { margin-bottom: 8px; }
  table { border-collapse: collapse; margin: 16px 0; }
  th, td { border: 1px solid #ccc; padding: 8px 12px; text-align: left; }
  pre { background: #f5f5f5; padding: 12px; border-radius: 4px; overflow-x: auto; }
</style>
</head>
<body>
<!-- content here -->
</body>
</html>

Write to /tmp/claude-output.html.

Open with: xdg-open /tmp/claude-output.html 2>/dev/null || open /tmp/claude-output.html 2>/dev/null

Open as HTML

Convert content from the conversation into a styled HTML file and open it in the default browser for easy copy-paste into Google Docs or other rich text editors.

Arguments

$0: (optional) description of what content to convert. If not provided, convert the most recent substantive output from the conversation.

Workflow

Identify the content to convert — either specified by the user or the most recent substantive output.
Convert it to clean, semantic HTML with this structure:
- Use <h1>, <h2>, <h3> for headings
- Use <ol>/<ul> for lists
- Use <em> and <strong> for emphasis
- Use <table> for any tabular data
- Use <pre><code> for code blocks

Wrap in a minimal HTML document with basic styling:

<!DOCTYPE html>
<html>
<head>
<style>
  body { font-family: Arial, sans-serif; max-width: 700px; margin: 40px auto; padding: 0 20px; }
  li { margin-bottom: 8px; }
  table { border-collapse: collapse; margin: 16px 0; }
  th, td { border: 1px solid #ccc; padding: 8px 12px; text-align: left; }
  pre { background: #f5f5f5; padding: 12px; border-radius: 4px; overflow-x: auto; }
</style>
</head>
<body>
<!-- content here -->
</body>
</html>

Write to /tmp/claude-output.html.
Open with: xdg-open /tmp/claude-output.html 2>/dev/null || open /tmp/claude-output.html 2>/dev/null