# JSX Notation

> Use this tool when you need to efficiently encode and decode JSX, TSX, HTML, and SVG source code to reduce token usage and minimize file size. It solves problems related to code verbosity, redundant tags, and class attributes, making it ideal for optimizing web development projects. The tool accepts source code files as input and outputs compact, decoded representations, making it suitable for use cases where file size and readability are crucial.

Canonical page: https://skillsregistry.net/skills/sebastianmaciel-jsx-notation  
JSON: https://api.skillsregistry.net/v1/skills/sebastianmaciel-jsx-notation

## Description

JSX Notation (JSXN) encodes JSX/TSX, HTML, and SVG source code into a compact representation that reduces token usage by approximately 40%. The MCP server exposes tools for reading files in compressed form, encoding and decoding between formats, and writing decoded output back to disk. It eliminates redundant closing tags, repeated class attributes, and verbose props while preserving semantic meaning through indentation-based structure and CSS-like selectors.

## Trust

- **Trust score (0–1):** 0.93
- **Verification tier:** verified
- **Last scanned:** 2026-09-19

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** file-system
- **Updated:** 2026-09-19

## Source

- **Source listing:** [PulseMCP](https://www.pulsemcp.com/servers/sebastianmaciel-jsx-notation)
- **Repository:** <https://github.com/sebastianmaciel/jsx-notation>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "sebastianmaciel-jsx-notation"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/sebastianmaciel-jsx-notation` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/sebastianmaciel-jsx-notation/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt