Claude Code mod

html-preview

Shows HTML files Claude writes (or /preview <file>) like a browser: terminal-browser when installed, else a built-in Chrome-rendered pane

Pane & dashboard mods Plugin marketplaceValidates on Claude Code 2.1.316 Source

Install

Inside Claude Code
/plugin marketplace add JAICHANGPARK/html-preview
/plugin install html-preview@html-preview

Mods install like plugins. Run /reload-plugins or start a new session to load it.

What it can access

Reach
L2Writes or runs: runs processes, writes files, reads files, reads env vars, reads mod state, draws, other: $.browser.open
Sees
every tool call
Draws in
Pane
Hooks
session.startcommand.runtool.callui.scrollui.render

From a static scan of the mod's code by awesome-claude-code-mods. It shows what the code asks for, not a security review.

How Claude Code mods work

  • A mod is a plugin with a JavaScript or TypeScript module that runs inside Claude Code (version 2.1.287 or later). It can draw panes beside the transcript, a band above the prompt, buttons and toasts, restyle the spinner and tool rows, and watch or rewrite tool calls and prompts.
  • It installs like any plugin: add its marketplace with /plugin marketplace add owner/repo, then /plugin install name@marketplace.
  • Check what a mod can reach before installing: it runs with your permissions. Reach goes from drawing only, to reading files, to writing files or running processes, to the network. Run claude plugin validate on a clone to list its hooks and calls without running it.
  • Turn one off from the Installed tab in /plugin, or start Claude Code with --safe-mode to skip every customization for a session.
Claude Code docs

Details

Repository
JAICHANGPARK/html-preview
Folder
.
Marketplace
html-preview
Author
JAICHANGPARK
Type
Pane & dashboard mods
License
MIT
Last updated
2 October 2026
Listed in
awesome-claude-code-mods

FAQ

What is html-preview?

Shows HTML files Claude writes (or /preview <file>) like a browser: terminal-browser when installed, else a built-in Chrome-rendered pane It is a mod for Claude Code, from JAICHANGPARK/html-preview on GitHub.

What can the html-preview mod access?

Its widest reach is "writes or runs" (runs processes, writes files, reads files, reads env vars, reads mod state, draws, other: $.browser.open). It sees every tool call. It draws in Pane. Like any mod, it runs with your permissions.

How do I install html-preview?

Inside Claude Code (v2.1.287 or later), run /plugin marketplace add JAICHANGPARK/html-preview and then /plugin install html-preview@html-preview.

More pane & dashboard mods

host-colors

sshamilton/claude-mods

Colors the bar above the prompt and the footer by the machine's hostname, so sessions on different hosts look different.

Pane & dashboard mods/plugin install

human-body-mode

TrapLordJeevan/human-body-mode

Routes all source changes and terminal commands through one human-speed VS Code input queue.

Pane & dashboard mods

homedot-panel

tsurutanmen/homedot-panel

Shows your homedot agents in Claude Code's status line (running, resting, stopped), with the 5-hour limit and minutes until it resets, plus a /dots pane.

Pane & dashboard mods/plugin install

i18n-pixel

Ponpon55837/i18n-check-mods

Pixel-style i18n checker pane: locale key parity, placeholders, unknown/dynamic t() keys and hardcoded CJK, for single projects, monorepos and multi-project folders

Pane & dashboard mods/plugin install

hn-mod

aravindputrevu/claude-code-mods

A programmable Hacker News trend widget for Claude Code, powered by TinyFish Search and Fetch

Pane & dashboard mods/plugin install

ifc-viewer

Rinze-Smits/ifc-viewer-claude-mod

View IFC models in a pane beside the chat (IfcLite geometry, SVG view) and highlight the elements you're working on

Pane & dashboard mods/plugin install

Browse the most popular Claude Code mods, all pane & dashboard mods, or the skills and MCP server directories.