No.JS MCP Server

1

Add it to Claude Code

Run this in a terminal.

Run in terminal
claude mcp add nojs-mcp -- npx -y @erickxavier/nojs-mcp
README.md

AI assistant access to the No.JS HTML-First Reactive Framework documentation

@erickxavier/nojs-mcp

MCP (Model Context Protocol) server that provides AI assistants with deep knowledge of the No.JS framework — The HTML-First Reactive Framework.

What is this?

This MCP server gives AI assistants (GitHub Copilot, Claude, Cursor, etc.) structured access to:

  • 80+ directives with syntax, examples, and usage notes
  • 32 built-in filters (text, numbers, arrays, dates, utility)
  • Full public API reference (config, init, router, i18n, store, etc.)
  • 23 documentation pages (getting started, routing, forms, drag-and-drop, etc.)
  • Template validation tool to catch NoJS syntax errors
  • Component scaffolding for common UI patterns

Installation

VS Code / Cursor

Add to your MCP configuration (.vscode/mcp.json or settings):

{
  "mcpServers": {
    "nojs": {
      "command": "npx",
      "args": ["-y", "@erickxavier/nojs-mcp"]
    }
  }
}

Claude Desktop

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "nojs": {
      "command": "npx",
      "args": ["-y", "@erickxavier/nojs-mcp"]
    }
  }
}

Resources

URI Description
nojs://ref/directives All directives with syntax and examples
nojs://ref/api Complete public API reference
nojs://ref/filters All 32 built-in filters
nojs://docs/{topic} Documentation pages (getting-started, routing, forms-validation, etc.)

Tools

`validate_template`

Validate a NoJS HTML template for syntax errors, typos, and best practices.

validate_template({ html: '' })
// → Error: Unknown attribute "bnd" — did you mean "bind"?

`explain_directive`

Get a detailed explanation of any NoJS directive.

explain_directive({ directive: "each" })
// → Full explanation with syntax, examples, and notes

`list_directives`

List all directives, optionally filtered by category.

list_directives({ category: "data" })
// → All data-fetching directives (get, post, put, patch, delete, etc.)

Categories: data, state, binding, conditionals, loops, events, styling, forms, routing, animation, dnd, i18n, refs, misc

`scaffold_component`

Generate NoJS component templates.

scaffold_component({ type: "form", features: ["validation", "i18n"] })
// → Complete login form with validation

Types: form, list, detail, card, modal, nav

`get_cheatsheet`

Get a condensed directive cheatsheet for quick reference.

Development

# Install dependencies
npm install

# Build
npm run build

# Run locally
node dist/index.js

Versioning

This package version always matches the No.JS framework version. Current: 1.9.1

Links

License

MIT © Erick Xavier

Tools (5)

validate_templateValidate a NoJS HTML template for syntax errors, typos, and best practices.
explain_directiveGet a detailed explanation of any NoJS directive.
list_directivesList all directives, optionally filtered by category.
scaffold_componentGenerate NoJS component templates.
get_cheatsheetGet a condensed directive cheatsheet for quick reference.

Configuration

claude_desktop_config.json
{"mcpServers": {"nojs": {"command": "npx", "args": ["-y", "@erickxavier/nojs-mcp"]}}}

Try it

Can you explain how the 'each' directive works in No.JS with an example?
Validate this NoJS template for me: <div bnd="name"></div>
List all available data-fetching directives in No.JS.
Generate a scaffold for a login form that includes validation and i18n features.
Show me the quick reference cheatsheet for No.JS directives.

Frequently Asked Questions

What are the key features of No.JS MCP Server?

Access to 80+ directives with syntax and usage notes. Reference for 32 built-in filters. Template validation for NoJS syntax errors. Component scaffolding for common UI patterns. Full public API reference for No.JS framework.

What can I use No.JS MCP Server for?

Debugging NoJS templates by identifying syntax errors and typos. Quickly looking up directive syntax without leaving the IDE. Generating boilerplate code for common UI components like forms or modals. Learning the No.JS framework through integrated documentation access.

How do I install No.JS MCP Server?

Install No.JS MCP Server by running: npx -y @erickxavier/nojs-mcp

What MCP clients work with No.JS MCP Server?

No.JS MCP Server works with any MCP-compatible client including Claude Desktop, Claude Code, Cursor, and other editors with MCP support.

Turn this server into reusable context

Keep No.JS MCP Server docs, env vars, and workflow notes in Conare so your agent carries them across sessions.

Need the old visual installer? Open Conare IDE.
Open Conare