code-visualizer

MCP server · npm · graded 2026-10-20Source linked

Your codebase companion for JavaScript/TypeScript, in the browser, the terminal and your AI agent: a live dependency map, impact and call sites, affected tests and patch coverage, review order, new-only CI gates (SARIF, GitLab), git hooks, a status line a

No outside reports on file

code-visualizer runs shell or system commands and fetches arbitrary web URLs; restrict its folder reach, network access, and credentials before installing.

Based on public adoption and transparency signals as of Oct 19, 2026. Our opinion, not a code audit or security guarantee.

Was this verdict for Code Visualizer helpful?

What it can access

Local filesNo local folder access notedLOW
Command executionRuns shell or system commandsREVIEW
Network reachFetches arbitrary web URLsREVIEW
CredentialsNo API token requiredLOW
Package sourcenpm (code-visualizer)PUBLIC

Inferred from this listing’s public package details and description. Check the project’s source before installing.

Install

npx -y code-visualizer

All setup options ↓

Check this skill Watch it in my stack Compare Add to allowlist README badge View project

About Code Visualizer

Code Visualizer is an MCP server focused on Developer tools and Web & browsing: Your codebase companion for JavaScript/TypeScript, in the browser, the terminal and your AI agent: a live dependency map, impact and call sites, affected tests and patch coverage, review order, new-only CI gates (SARIF, GitLab), git hooks, a status line a.

It is published on npm as code-visualizer and hosted on GitHub at asfand-dev/code-visualizer (627 weekly npm downloads, last repository push on 2026-10-19). Based on its public metadata, its operational scope includes: runs shell or system commands, fetches arbitrary web urls.

Setup

These use the package this listing points to. Check the project’s own instructions before running anything.

npm command

npx -y code-visualizer

MCP client config

For Claude Desktop (claude_desktop_config.json) or Cursor (.cursor/mcp.json).

json

{
  "mcpServers": {
    "code-visualizer": {
      "command": "npx",
      "args": [
        "-y",
        "code-visualizer"
      ]
    }
  }
}

Why this grade

DD — High risk signals

Signal-based grade (1/7 points): public source code. This reflects adoption and transparency, not a code review.

Popularity and upkeep

22/100

Weekly npm downloads: 627
Listing last refreshed: 2026-10-28

These are public popularity signals, not a maintenance check. Look at the repository’s commit history and open issues.

Security reports

No reports found for this package in our research (last checked 2026-10-29).

Check a specific version →

Risks to watch for

Command execution reach: Public metadata indicates shell, terminal, or container command execution. Run inside an isolated container or VM and require human approval before executing commands.
Untrusted web content & prompt injection: Fetches arbitrary web pages or remote endpoints where hidden instructions could manipulate agent behavior. Restrict outbound domains and review tool outputs.
Dependency & version pinning: Distributed via npm (code-visualizer). Pin an exact release version or commit SHA rather than floating tags so upstream updates are reviewed first.

How to lower the risk

Least-privilege permissions

Give it access only to the specific folders, accounts or projects it needs, never your whole drive or admin account.
Use a separate, limited API key or login just for this tool so you can switch it off without affecting anything else.

Network isolation

Run it on a work computer or sandbox account, not one holding personal or company-sensitive data.
If your IT team can, limit which websites and services it is allowed to contact.

Monitoring

Check its activity history or logs weekly at first, and look at what it changed or sent.
Turn on alerts for new logins or unusual usage on any account it connects to.

Red flags to watch for

It asks for more access than its job requires, or prompts you to paste passwords.
It suddenly updates with new owners, or starts contacting unfamiliar websites.

Questions

How do I install Code Visualizer?

Run npx -y code-visualizer in your terminal, or add the server entry to your claude_desktop_config.json or .cursor/mcp.json as shown in the Setup section on this page. Full setup docs and environment variables are in github.com/asfand-dev/code-visualizer.

Are there security reports about Code Visualizer?

No reports found for this package in our research (last checked 2026-10-29). Code Visualizer currently holds Grade D (High risk signals) based on public adoption and transparency signals. Review the permissions and source repository before granting access to local files, shell commands, or API keys.

Is Code Visualizer actively maintained?

Code Visualizer has 627 weekly npm downloads, with its latest repository commit pushed on 2026-10-19. Our directory data was last refreshed on 2026-10-28. Check recent commit activity, release tags, and open issues at github.com/asfand-dev/code-visualizer before pinning it in production.

What are alternatives to Code Visualizer?

You can compare Code Visualizer side by side with other GitLab, Browser MCP servers in the Related tools section on this page, or use the Compare tool on AgentArmorHQ.

Maintain or use Code Visualizer? Show its live grade in your GitHub README, docs site, or run a check from the terminal before you install.

AgentArmorHQ Risk Grade D for Code Visualizer

GitHub README Markdown:

markdown

[![AgentArmorHQ Risk Grade for Code Visualizer](https://agentarmorhq.com/api/badge/asfand-dev-code-visualizer)](https://agentarmorhq.com/skills/asfand-dev-code-visualizer)

HTML embed:

html

<a href="https://agentarmorhq.com/skills/asfand-dev-code-visualizer"><img src="https://agentarmorhq.com/api/badge/asfand-dev-code-visualizer" alt="AgentArmorHQ Risk Grade for Code Visualizer" height="20" /></a>

Terminal check:

terminal

curl -fsSL https://agentarmorhq.com/api/cli | node --input-type=module - check "asfand-dev-code-visualizer"

Share with your security lead

Need sign-off to use code-visualizer? Copy this note for Slack, a ticket or a pull request.

### AgentArmorHQ Security Review Memo: code-visualizer
- **Listing URL:** https://agentarmorhq.com/skills/asfand-dev-code-visualizer
- **Type:** App connector
- **Risk Grade:** Grade D (High risk signals)
- **Outside Security Advisories on File:** 0

#### Permission & Blast-Radius Signals
- **Local files:** No local folder access noted
- **Command execution:** Runs shell or system commands
- **Network reach:** Fetches arbitrary web URLs
- **Credentials:** No API token required
- **Package source:** npm (code-visualizer)

#### Recommended Hardened Setup
- **Command:** `npx -y --ignore-scripts code-visualizer`
- **Controls:** Pin an exact version in `.mcp.json`, scope access to a single workspace folder, and use a least-privilege read-only token where supported.

_Based on public adoption and transparency signals as of Oct 19, 2026. Our opinion, not a code audit or security guarantee._

Key facts

Type: App connector
Publisher: asfand-dev
Source code: github.com/asfand-dev/code-visualizer
Install command: npm install code-visualizer
Est. context load: ~900 tokens / turn (~5 tool schemas, 0.45% of 200k context)
Popularity: 627 weekly npm downloads
Last updated: 2026-10-28
Last graded: 2026-10-20

Community

Discussions for Code Visualizer

Ask questions or share configuration tips. Governed by our Community Rules & Terms.

No posts match this filter yet.

Be the first to ask a question or share a working tip.

Was this listing for Code Visualizer helpful?

Check before you install, in Claude

Your assistant answers Block, Review or No known issues for any package before it installs it.

Get this check inside Claude