Claude Code mod

artifacts

Claude posts designs, plans and diagrams to a pane; each project keeps a versioned history in ~/.claude/artifacts/

Pane & dashboard modsValidates on Claude Code 2.1.319 Source

Install

From source
git clone https://github.com/russellpope/claude-mods.git
claude --plugin-dir ./claude-mods/artifacts

The repo has no marketplace file, so load the plugin folder directly with --plugin-dir.

What it can access

Reach
L2Writes or runs: runs processes, writes files, drives Claude, reads files, reads env vars, reads mod state, draws
Sees
mcp__artifacts__show calls, mcp__artifacts__list calls
Draws in
Pane
Hooks
session.startcommand.runtool.callui.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
russellpope/claude-mods
Folder
artifacts
Author
Russell Pope
Type
Pane & dashboard mods
License
Apache-2.0
Last updated
7 November 2026
Listed in
awesome-claude-code-mods

FAQ

What is artifacts?

Claude posts designs, plans and diagrams to a pane; each project keeps a versioned history in ~/.claude/artifacts/ It is a mod for Claude Code, from russellpope/claude-mods on GitHub.

What can the artifacts mod access?

Its widest reach is "writes or runs" (runs processes, writes files, drives Claude, reads files, reads env vars, reads mod state, draws). It sees mcp__artifacts__show calls, mcp__artifacts__list calls. It draws in Pane. Like any mod, it runs with your permissions.

How do I install artifacts?

Clone russellpope/claude-mods and start Claude Code with --plugin-dir pointing at the mod's folder (artifacts).

More pane & dashboard mods

agent-radar

cloudcruncher/claude-mod-garage

Live side pane (/radar) showing what Claude and its subagents are doing right now: running tools, agent roster, recent activity and files touched.

Pane & dashboard mods/plugin install

band-line

t968rs/operator-straps

oStraps banner in a band above the prompt (git-status's git state, model, context window); clears git-status's own status line

Pane & dashboard mods/plugin install

agent-progress

ianwilson97/claude-mods

Animated per-agent progress bars (main agent, subagents, cheap-worker workers) driven by their task lists

Pane & dashboard mods/plugin install

barra-creditos

monkfrodo/claude-mods

Barra acima do prompt com o que resta dos limites de uso (5h e 7 dias) e o custo da sessão.

Pane & dashboard mods/plugin install

agent-dock

wickedhardflip/claude-code-mods

/dock N tells Claude to split work across N subagents; a band shows a live card per agent.

Pane & dashboard mods

cc-conversation-log-mod

kukaka/cc-mods

Read-only view of every user and assistant message in the current session, with collapsible tool-call details and paged loading. Open with /history.

Pane & dashboard mods/plugin install

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