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.
npx agentmods add instructions/clawenable/html-artifact-best-practices/claude-mdgit clone --depth 1 https://github.com/ClawEnable/html-artifact-best-practicesWrote 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.
[](https://agentmods.dev/instructions/clawenable/html-artifact-best-practices/claude-md)<a href="https://agentmods.dev/instructions/clawenable/html-artifact-best-practices/claude-md"><img src="https://agentmods.dev/badge/instructions/clawenable/html-artifact-best-practices/claude-md.svg" alt="Measured on agentmods" height="20"></a>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.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5 | $0.00755 | $0.00755 |
| Opus 5 | $0.00378 | $0.00378 |
| Sonnet 5 | $0.00151 | $0.00151 |
| Haiku 4.5 | $0.00076 | $0.00076 |
Grade A, and why
html-artifact-best-practices CLAUDE.md scanned grade A with 0 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 5d 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.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 62 lines — stays where its author put it; the contents beside it link to each section on GitHub.
CLAUDE.md
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
Project Overview
This is an Agent Skill (not a traditional software project). It provides procedural instructions that help AI agents produce high-quality standalone single-file HTML artifacts. The project has no app build chain, runtime service, or package install step. It does include a zero-dependency Node.js validator and tests for the validator.
The skill follows the Agent Skills specification and uses progressive disclosure: plugin.json metadata → SKILL.md instructions → references/ detail on demand.
Repository Structure
skills/html-artifact-guide/— The skill itself (the only directory that ships to agents)SKILL.md— Core skill definition: judgment rules, output contract, anti-patterns, workflowsreferences/artifact-patterns.md— 8 structural patterns for HTML artifactsreferences/review-checklist.md— 11-dimension quality checklistassets/standalone-template.html— Minimal HTML template baselineevals/trigger-scenarios.md— Trigger test cases (should/should-not/boundary)
.claude-plugin/marketplace.json— Marketplace listing for plugin distribution.claude-plugin/plugin.json— Plugin manifest (required forcc --plugin-dirand/plugin install)docs/design-rationale.md— Design decisions and industry context
Development Commands
Run these checks before opening a pull request or cutting a release:
node --test tests/validate-artifact.test.js
node scripts/validate-artifact.js skills/html-artifact-guide/assets/standalone-template.html tests/fixtures/valid-artifact.html
! rg "Replace with|<title></title>" skills/html-artifact-guide/assets tests/fixtures/valid-artifact.html
test "$(rg -c "expected_action" skills/html-artifact-guide/evals/trigger-scenarios.md)" -ge 20
git diff --check
Trigger behavior and content quality still require manual review:
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.
- 5d ago First seen · 62 lines · 755 tokens per session scan A 90c68fdc7a77
html-artifact-best-practices CLAUDE.md is an instructions file published in the GitHub repository ClawEnable/html-artifact-best-practices (2 stars, last pushed 3mo ago), licensed Apache-2.0. It adds 755 tokens to every session, about $0.0038 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other instructions, from other repositories
claude-code-karma CLAUDE.md
Instructions for JayantDevkar/claude-code-karma, covering claude.md, project overview, quick start, clone (no submodule init needed — this is a monorepo) and start api (terminal 1).
Vibe-Research AGENTS.md
AGENTS.md instructions for simonlin1212/Vibe-Research, covering vibe-research-agent 金融研究宪法, 0. 三条不可越线, 1. 数据纪律(五问 gate:给出任何数字或结论前逐条自问), 2. 研究哲学(评估框架,不是预测工具) and 3. 估值口径(你只选输入、解释输出;计算交给 calc/).
agent-skills AGENTS.md
AGENTS.md instructions for magnus919/agent-skills, covering agents.md — agent guide for agent-skills, format compliance, readme format, required sections and style guidance.
gangsta GEMINI.md
Instructions for kucherenko/gangsta, a project described as: AI agentic skills framework for spec-driven development, built on the organizational model of mafia.
shisan-xinuo-workflow AGENTS.md
AGENTS.md instructions for zxc663/shisan-xinuo-workflow, covering 项目级 agent 规则 · shisan-xinuo-workflow（本仓库）, 工作流在场（本仓库会话）, 维护纪律（本 skill 正文 vs 史料——开发本 skill 时的写作规范）, 项目承载（已就绪） and 本仓库底线（区别于通用纪律）.
simon42-dashboard-strategy CLAUDE.md
Claude Code instructions for TheRealSimon42/simon42-dashboard-strategy, covering simon42 dashboard strategy, architecture, module overview, data flow and registry — core design.