artifact

artifact is a skill for Claude Code, Codex from xiagaohui/local-artifacts-for-claude-code. It costs 62 tokens per session (457 once invoked), scanned C, original, MIT.

A local web page for viewing the latest published artifact, such as a generated result or document. It is an unofficial local copy of the artifact-viewing experience and runs at localhost:7891 by default.

In plain words
What is it for?
Use it to open the latest artifact, check whether the local viewer is running, and view updates when a new artifact is published.
Why use it?
It gives you a quick browser view of the most recently published result without needing a cloud service.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one. Also seen: mentions Claude Code.

Good fit Use it to open the latest artifact, check whether the local viewer is running, and view updates when a new artifact is published.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/xiagaohui/local-artifacts-for-claude-code/skill
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add xiagaohui/local-artifacts-for-claude-code --skill skill
Clone the repo
git clone --depth 1 https://github.com/xiagaohui/local-artifacts-for-claude-code

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for artifact

README.md
[![agentmods](https://agentmods.dev/badge/skills/xiagaohui/local-artifacts-for-claude-code/skill/github.svg)](https://agentmods.dev/skills/xiagaohui/local-artifacts-for-claude-code/skill)
Your own site
<a href="https://agentmods.dev/skills/xiagaohui/local-artifacts-for-claude-code/skill"><img src="https://agentmods.dev/badge/skills/xiagaohui/local-artifacts-for-claude-code/skill/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for artifact

Your own site · 80×15
<a href="https://agentmods.dev/skills/xiagaohui/local-artifacts-for-claude-code/skill"><img src="https://agentmods.dev/badge/skills/xiagaohui/local-artifacts-for-claude-code/skill.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 62 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 457 The whole file, excluding the scripts and references it only reads on demand.
Security scan C 2 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00062 $0.00457
Opus 5.5 $0.00025 $0.00183
Sonnet 5.5 $0.00012 $0.00091
Haiku 4.5 $0.00006 $0.00046

Measured 2mo ago against content hash faa491a916c0, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade C, and why

artifact scanned grade C with 2 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Downloads and executes remote codehighSupply chain

curl | sh runs whatever the server returns today, which is not necessarily what it returned when this was reviewed.

curl -s "http://localhost:${PORT}/status" 2>/dev/null | python3 -c "

Makes network callslowCapability

Not a fault in itself. Listed so you know the mod talks to something, and to what.

curl -s "http://localhost:${PORT}/status" 2>/dev/null | python3 -c "
skill/SKILL.md · 50 lines

What it actually says

Local Artifact Viewer (unofficial local look-alike)

Open the most recently published artifact in the browser.

This is the local, unofficial look-alike of Claude Code Artifacts. It mimics the official UX but runs a small local HTTP server instead of the cloud, no-backend design used by the official feature.

Open the latest artifact

open "http://localhost:${ARTIFACTS_PORT:-7891}" 2>/dev/null \
  || xdg-open "http://localhost:${ARTIFACTS_PORT:-7891}" 2>/dev/null \
  || python3 -c "import webbrowser,os;webbrowser.open('http://localhost:'+os.environ.get('ARTIFACTS_PORT','7891'))"

If the page is empty, nothing has been published yet. Tell Claude:

把这个结果做成 artifact 发布     (or: "make this into an artifact")

Claude will call the publish_artifact MCP tool, which opens the browser and updates the page in place on every publish.

Check service status

PORT="${ARTIFACTS_PORT:-7891}"
curl -s "http://localhost:${PORT}/status" 2>/dev/null | python3 -c "
import json,sys
try:
    d = json.load(sys.stdin)
    print('✅ service running')
    if d.get('title'):
        print(f'   latest: {d.get(\"emoji\",\"\")} {d[\"title\"]} @ {d.get(\"published_at\",\"\")}')
    else:
        print('   no artifact published yet')
    if d.get('http_error'):
        print('   ⚠️ ', d['http_error'])
except Exception:
    print('❌ service not reachable — restart Claude Code so the MCP server starts')
"
Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 2mo ago First seen · 50 lines · 62 tokens per session scan C faa491a916c0

Subscribe to this mod's changes

artifact is a skill published in the GitHub repository xiagaohui/local-artifacts-for-claude-code (0 stars, last pushed 4mo ago), licensed MIT. It adds 62 tokens to every session and 457 once invoked, about $0.0002 per session on Opus 5.5. A static security scan graded it C with 2 findings (downloads and executes remote code, makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

artifact compared with skills from other repositories

artifact next to 6 skills from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
artifactxiagaohui/local-artifacts-for-claude-codeSkill04mo agoMITC62Claude Code, Codex
blocked-page-recoveryNousResearch/hermes-agentSkill261kyesterdayMITA25Claude Code, Codex
chrome-browserasgeirtj/system_prompts_leaksSkill71k2d agoCC0-1.0A176Claude Code, Codex
chrome-devtools-cliChromeDevTools/chrome-devtools-mcpSkill55kyesterdayApache-2.0A31Claude Code
claude-in-chromeasgeirtj/system_prompts_leaksSkill71k2d agoCC0-1.0A57Claude Code
browser-edge-casesaden-hive/hiveSkill11k4d agoApache-2.0A40Claude Code
x-readerrunesleo/x-readerSkill9883d agoMITA64Claude Code