agentmods.dev

claude-code-visualizer: Instructions file for Claude Code

CLAUDE.md

claude-code-visualizer CLAUDE.md is an instructions file for Claude Code from sepivip/claude-code-visualizer. It costs 747 tokens per session, scanned A, original, MIT.

Project instructions for the cckeys React and TypeScript application, which teaches the Claude Code command-line tool. They cover project conventions, version numbering, deployment, and working practices.

In plain words
What is it for?
Use them when modifying cckeys to follow its versioning rules, understand its build and deployment process, and keep project documentation current.
Why use it?
They tell coding agents how to make changes that fit the project and how to release them correctly.

Instructions file for Claude Code

Written for Claude Code: the file is CLAUDE.md. Also seen: mentions CLAUDE.md; mentions Claude Code.

This is sepivip/claude-code-visualizer's own configuration. It tells Claude Code how to work on claude-code-visualizer itself, so it is not a mod to install elsewhere. Copy it as a starting point and replace the rules that are about this project. Everything claude-code-visualizer configures →

not rated 2repo 4mo ago A scan 747 tokens original MIT
View source ↗ sepivip/claude-code-visualizer cckeys.work
Reuse

Borrowing it

Nothing to install: this file belongs to sepivip/claude-code-visualizer. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file
curl -O https://raw.githubusercontent.com/sepivip/claude-code-visualizer/main/CLAUDE.md
Clone the repo
git clone --depth 1 https://github.com/sepivip/claude-code-visualizer

Made for: Claude Code.

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 claude-code-visualizer CLAUDE.md

README.md
[![agentmods](https://agentmods.dev/badge/instructions/sepivip/claude-code-visualizer/claude-md/github.svg)](https://agentmods.dev/instructions/sepivip/claude-code-visualizer/claude-md)
Your own site
<a href="https://agentmods.dev/instructions/sepivip/claude-code-visualizer/claude-md"><img src="https://agentmods.dev/badge/instructions/sepivip/claude-code-visualizer/claude-md/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 claude-code-visualizer CLAUDE.md

Your own site · 80×15
<a href="https://agentmods.dev/instructions/sepivip/claude-code-visualizer/claude-md"><img src="https://agentmods.dev/badge/instructions/sepivip/claude-code-visualizer/claude-md.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 747 This file is loaded in full into every session.
When invoked 747 The same file — it is already loaded in full.
Security scan A 0 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.00747 $0.00747
Opus 5.5 $0.00299 $0.00299
Sonnet 5.5 $0.00149 $0.00149
Haiku 4.5 $0.00075 $0.00075

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

Security

Grade A, and why

claude-code-visualizer 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 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.

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.

CLAUDE.md · 47 lines

How it starts

The opening of the file, as written. The whole thing — 47 lines — stays where its author put it; the contents beside it link to each section on GitHub.

CLAUDE.md — project conventions

Context for any AI/dev session working in this repo. Keep it short and current.

Project: cckeys — "Claude Code — Interactive Trainer". A static, terminal-styled React/TS app teaching the Claude Code CLI (shortcuts, slash commands, settings, live keyboard map). Open source. Live at https://cckeys.work · repo sepivip/claude-code-visualizer.

Versioning (IMPORTANT — keep this updated)

  • Single source of truth: the version field in package.json (semver).
  • It is injected at build time by Vite define → the global __APP_VERSION__ (see vite.config.ts and src/global.d.ts) and displayed in the app header (top-right, next to the GitHub icon), linking to the repo's /releases.
  • Bump it when shipping a notable change before/with the deploy:
    • patch (0.1.x) — bug fixes / small tweaks
    • minor (0.x.0) — new features (e.g. Quiz, guided track)
    • major (x.0.0) — big/breaking redesigns
  • That's the only step — no other file needs editing; the header updates automatically on deploy. Consider tagging a matching GitHub release when bumping a minor/major.

Deploy

  • Push to main → GitHub Actions runs the tests, and only if they pass, deploys to GitHub Pages → https://cckeys.work. Every push to main auto-deploys. Branches/PRs run CI too.
  • Custom domain is pinned by public/CNAME (cckeys.work). Vite base is './' (relative) so the build works at the apex domain and the legacy project subpath — do not change it back to an absolute base. DNS for cckeys.work is on Cloudflare (A records → GitHub Pages IPs, www CNAME → sepivip.github.io, all DNS-only).

Working conventions

  • Stack: Vite · React 18 · TypeScript (strict, no any) · Tailwind v4 · Vitest · Playwright · pnpm.
  • Work on a feature branch, keep pnpm test + pnpm build green, then fast-forward merge to main.
  • Verify visual/UI changes in a real browser (Playwright screenshot) before merging — this repo cares about looking seamless. Aesthetic: dark terminal, coral accent #D97757, JetBrains Mono.
  • Content lives in content/cc-catalog.raw.json → generated to src/data/catalog.ts via pnpm build:catalog. The keyboard derives chords at runtime; multi-stroke sequences (e.g. Ctrl+X Ctrl+E) are intentionally not mapped to a single key.

Read the full file on GitHub · 47 lines

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 · 47 lines · 747 tokens per session scan A 256c2233b5ae

Subscribe to this mod's changes

claude-code-visualizer CLAUDE.md is an instructions file published in the GitHub repository sepivip/claude-code-visualizer (2 stars, last pushed 4mo ago), licensed MIT. It adds 747 tokens to every session, about $0.0030 per session on Opus 5.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.

Claude Codecheatsheetclaudeclikeyboard-shortcuts
Related

Other instructions, from other repositories

vscode buildNext.instructions.md

Working notes and architecture documentation for the new esbuild-based build system in build/next. Use when making changes to the new build pipeline (transpile/bundle commands, NLS plugin, source-map handling, resource copying, or self-hosting watch tasks).

microsoft/vscode · 9,715 tokens

next.js AGENTS.md

AGENTS.md instructions for vercel/next.js, covering next.js development guide, codebase structure, monorepo overview, core package: packages/next and other important packages.

vercel/next.js · 7,461 tokens

vscode oss-third-party-notices.instructions.md

Instructions for microsoft/vscode, covering vs code oss third-party-notices pipeline, architecture, pipeline flow in ci, cache eligibility and rollout and applying the notice (cutover).

microsoft/vscode · 5,262 tokens

langchain AGENTS.md

AGENTS.md instructions for langchain-ai/langchain, covering global development guidelines for the langchain monorepo, corridor security analysis, project architecture and context, monorepo structure and development tools & commands.

langchain-ai/langchain · 4,680 tokens

vscode copilot-instructions.md

Copilot instructions for microsoft/vscode, covering vs code copilot instructions, project overview, root folders, core architecture (src/ folder) and built-in extensions (extensions/ folder).

microsoft/vscode · 2,750 tokens

deepseek-harness AGENTS.md

AGENTS.md instructions for deepseek-ai/deepseek-harness, covering agents.md, pre-stable apis and released session data, repository layout, commands and host sandbox failures.

deepseek-ai/deepseek-harness · 4,261 tokens