No.JS MCP Server
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@No.JS MCP ServerExplain how to use the 'each' directive with an example"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
@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
Head management directives (
title,meta,link,script,base) for declarative<head>controlPlugin system with lifecycle hooks, custom directives, and shared state
32 built-in filters (text, numbers, arrays, dates, utility)
Full public API reference (config, init, router, i18n, store, plugins, 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 |
| All directives with syntax and examples |
| Complete public API reference |
| All 32 built-in filters |
| 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: '<div bnd="name"></div>' })
// → 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 noteslist_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, head, misc
scaffold_component
Generate NoJS component templates.
scaffold_component({ type: "form", features: ["validation", "i18n"] })
// → Complete login form with validationTypes: 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.jsVersioning
This package version always matches the No.JS framework version. Current: 1.11.0
Ecosystem
No.JS Framework — The HTML-First Reactive Framework
No.JS LSP — Language Server Protocol support
No.JS Skill — AI Skill for code generation
No.JS CLI — Command-line scaffolding and tooling
License
MIT © Erick Xavier
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/ErickXavier/nojs-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server