# io.github.SebastianMaciel/jsx-notation (npm · jsx-notation)

JSXN encoder/decoder — compact notation for React/Next.js files, optimized for LLMs

- Trust score: 66/100 (medium)
- Change this week: +24
- Registry status: active
- Liveness: live
- Owner verified: no
- Last scored: 2026-08-03

## Components

- npm · `jsx-notation`: 66/100 (this document), [markdown](https://verifymcp.io/servers/sebastianmaciel-jsx-notation/jsx-notation.md), [page](https://verifymcp.io/servers/sebastianmaciel-jsx-notation/jsx-notation)

## Channel facts

- Registry: `npm`
- Package: `jsx-notation`
- Version: `0.1.6`
- Transport: `stdio`

## Trust breakdown

How this component scores in each security and reliability category. Every signal is checked automatically from public evidence about the published package, including repeated runs of it in an isolated sandbox, and we only credit what we can confirm. Scores are 0–100 per category. Scoring method: https://verifymcp.io/docs/scoring (what has changed: https://verifymcp.io/docs/scoring/changelog)

Scored 2026-08-03.

- **Supply Chain Security**: 87/100
  - No malware found by supply-chain analysis.
  - Only part of the dependency tree could be resolved (110 of 114), so this covers what we could see, not the whole tree.
  - No install/post-install scripts declared.
  - Only part of the dependency tree could be resolved (110 of 114), so this covers what we could see, not the whole tree.
- **Provenance & Transparency**: 45/100
  - Source repository is publicly reachable at the declared URL.
  - Provenance check failed: no build-provenance attestation is published.
  - Clear OSI-approved license (MIT).
  - Actively maintained (last published 158 days ago).
  - Disclosure check failed: no security disclosure policy was found in the source repository.
- **Schema Quality & AI Usability**: 60/100
  - AI-judged instruction clarity (excellent).
  - Context-footprint check failed: tool/resource definitions use about 1198 tokens (~299/item across 4 items; 4 tools + 0 resources), over budget; trim descriptions and params.
  - Usage-examples check failed: none of the tools include examples.
- **Stability & Change Management**: 27/100
  - Stability observed for 8 of 30 days with no destabilising changes; credit accrues until the full window elapses.
- **Tool Coverage**: 100/100
  - 100% of tools have a non-trivial description (not blank, and not just the tool's name).
  - 100% of tool parameters carry a description.
- **Capabilities**: 100/100
  - Implements a supported MCP spec version (2025-11-25); the latest is 2026-07-28.

## Install

### Claude

```bash
claude mcp add sebastianmaciel-jsx-notation -- npx -y jsx-notation
```

### Codex

```bash
codex mcp add sebastianmaciel-jsx-notation -- npx -y jsx-notation
```

### opencode

```json
{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "sebastianmaciel-jsx-notation": {
      "type": "local",
      "command": [
        "npx",
        "-y",
        "jsx-notation"
      ],
      "enabled": true
    }
  }
}
```

### OpenClaw

```bash
openclaw mcp add sebastianmaciel-jsx-notation --command npx --arg -y --arg jsx-notation
```

### Hermes

```yaml
mcp_servers:
  sebastianmaciel-jsx-notation:
    command: "npx"
    args: ["-y", "jsx-notation"]
```

### Other

```json
{
  "mcpServers": {
    "sebastianmaciel-jsx-notation": {
      "command": "npx",
      "args": [
        "-y",
        "jsx-notation"
      ]
    }
  }
}
```

## Changelog

Every change recorded for this component, newest first. Days that predate change tracking, or that we cannot explain, say so: "we were watching and nothing happened" and "we were not watching" are different claims.

### 2026-08-03 (score 66, +4)

- [functional improvement] Stability: unverified → 0.27

### 2026-08-02 (score 62, +57)

- [security regression] Provenance: unverified → fail
- [security improvement] Install scripts: unverified → pass
- [security improvement] Known CVEs: unverified → partial
- [security improvement] Malware scan: unverified → pass
- [security] Stability: Stability not yet verified: not enough scan history yet (needs a 30-day window).
- [functional improvement] Schema quality: unverified → excellent
- [functional improvement] Tool coverage: unverified → 100
- [functional improvement] License: unverified → pass
- [functional improvement] Dependency health: unverified → partial
- [functional improvement] Maintenance: unverified → pass
- [functional improvement] MCP protocol: unverified → pass
- [functional] Licence: MIT

### 2026-08-01 (score 5, −13)

- [functional regression] Tool coverage: 100 → unverified

### 2026-07-31 (score 18, −24)

- [functional] We updated how we score, so this day's move reflects our rubric, not a change to the server

### 2026-07-30 (score 42, +18)

- [functional improvement] Tool coverage: unverified → 100

### 2026-07-28 (score 24, −18)

- [functional regression] Tool coverage: 100 → unverified
- [functional] First check of Schema quality: unverified

### 2026-07-27 (score 42)

First indexed and scored.

## MCP tools (4)

### `read_jsxn` (~139 tokens)

Read file as JSXN

Reads a React/Next.js file (.jsx, .tsx, .js, .ts), HTML file (.html), or SVG file (.svg) from disk and returns its JSXN-compressed representation (~40% fewer tokens). Use this instead of reading JSX/TSX files directly when you need to understand component structure, props, and rendering logic. For full files with imports/hooks/logic, the file-level encoding is used automatically. For .html and .svg files, the HTML encoder is used.

Input parameters:

- `path` (string, required): Absolute or relative path to the .jsx/.tsx/.js/.ts/.html/.svg file to encode

### `encode_jsxn` (~143 tokens)

Encode code to JSXN

Encodes raw JSX/TSX source code or HTML into JSXN compact notation (~40% fewer tokens). Use "snippet" mode for JSX fragments (just the template). Use "file" mode for complete React/Next.js files with imports, types, hooks, etc. Use format "html" to encode HTML source.

Input parameters:

- `code` (string, required): The JSX/TSX/HTML source code to encode
- `format` (string): "jsx" for JSX/TSX (default), "html" for HTML source
- `mode` (string): "file" for complete files with imports/hooks/logic, "snippet" for JSX-only fragments

### `decode_jsxn` (~136 tokens)

Decode JSXN to code

Decodes JSXN compact notation back into standard JSX/TSX or HTML source code. Use "snippet" mode for JSXN body fragments (just the template). Use "file" mode for complete JSXN files with imports, types, hooks, etc. Use format "html" to decode to HTML output.

Input parameters:

- `code` (string, required): The JSXN notation to decode
- `format` (string): "jsx" for JSX/TSX (default), "html" for HTML output
- `mode` (string): "file" for complete files with imports/hooks/logic, "snippet" for JSXN body fragments

### `write_jsxn` (~780 tokens)

Write JSXN as file

Decodes JSXN notation and writes the resulting JSX/TSX or HTML to a file on disk. Creates parent directories if needed. Writes to .jsx/.tsx/.js/.ts/.html/.svg files. For .html and .svg files, decodes with HTML format (class attrs, void elements, SVG self-closing, etc.).

\## JSXN Format Reference

JSXN is a compact notation for React/Next.js code that saves ~40% tokens.

\### File-level headers
\- `@I module: default Name, x, y` → `import Name, { x, y } from "module"`
\- `@I "styles.css"` → `import "styles.css"`
\- `@T module: Type1` → `import type { Type1 } from "module"`

\### Directives
\- `"use client"` / `"use server"` → passed through as-is

\### Types
\- `Name { field: Type }` → `interface Name { field: Type }`
\- `Name = Type | Other` → `type Name = Type | Other`

\### Function blocks
\- `export default Name(params)` → function signature
\- `@state count = 0` → `const [count, setCount] = useState(0)`
\- `@ref inputRef = null` → `const inputRef = useRef(null)`
\- `name = useHook(args)` → `const name = useHook(args)`
\- `variable = expr` → `const variable = expr`
\- `let variable = expr` → preserved as `let`
\- `---` → separator; everything after is the JSX return body

\### JSX body notation
\- **Alias headers** (optional): `@C Button=B`, `@P onClick=k`, `@S items-center=ic`
\- **Elements**: `tag.class1.class2#id {prop:val, flag} "text"` or `(expr)`
\- **Implicit div**: `.className` (div is omitted when it has selectors)
\- **Nesting**: 1-space indentation per level
\- **Fragments**: `_` → `<>...</>`
\- **Conditionals**: `?cond > Element` → `{cond && (<Element />)}`
\- **Ternaries**: `?cond > A | B` → `{cond ? (<A />) : (<B />)}`
\- **Maps**: `*items > Element` → `{items.map(item => (<Element />))}`
\- **Text nodes**: `"Hello"` → raw text
\- **Expressions**: `(expr)` → `{expr}`
\- **Props**: `{key:value}` string for HTML attrs, `{key:expr}` expression otherwise
\- **Boolean props**: `{disabled}` → `disabled`
\- **Spread**: `{...props}` → `{...props}`
\- **Self-closing**: element with no chi…

Input parameters:

- `code` (string, required): The JSXN notation to decode and write
- `path` (string, required): Target file path (.jsx, .tsx, .js, .ts, .html, or .svg)

## Diagnostics

Captured diagnostic sections: Provenance, Dependencies. The full working is on the page: https://verifymcp.io/servers/sebastianmaciel-jsx-notation/jsx-notation#diagnostics

## Score history

- 2026-08-03: 66
- 2026-08-02: 62
- 2026-08-01: 5
- 2026-07-31: 18
- 2026-07-30: 42
- 2026-07-28: 24
- 2026-07-27: 42

## Links

- npm package: https://www.npmjs.com/package/jsx-notation
- Socket report: https://socket.dev/npm/package/jsx-notation
- Repository: https://github.com/SebastianMaciel/jsx-notation
- Changelog RSS feed: https://verifymcp.io/servers/sebastianmaciel-jsx-notation/jsx-notation/changelog.xml
- Changelog JSON feed: https://verifymcp.io/servers/sebastianmaciel-jsx-notation/jsx-notation/changelog.json
- HTML version of this page: https://verifymcp.io/servers/sebastianmaciel-jsx-notation/jsx-notation