If you're feeding React components or HTML to an LLM and watching your context window vanish, this server compresses JSX, TSX, HTML, and SVG files by around 40% into a compact notation. It exposes four tools: read_jsxn to pull files in compressed form, encode_jsxn and decode_jsxn for string conversion, and write_jsxn to decode and save. Indentation replaces closing tags, CSS-style shorthand handles classes and IDs, and frequently used components get aliased. Works across Claude Code, VS Code, Cursor, Windsurf, and Zed via npx. You get more room for reasoning without touching your source files. The library exports encode, decode, and their file-based variants if you need programmatic access.
claude mcp add --transport stdio sebastianmaciel-jsx-notation -- npx -y jsx-notation