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
Available Tools
5 toolsexplain_directiveB
Get a detailed explanation of a NoJS directive with syntax and examples
| Name | Required | Description | Default |
|---|---|---|---|
| directive | Yes | The directive name to explain (e.g., "bind", "each", "model") |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries the full burden of behavioral disclosure. It states the tool provides explanations with syntax and examples, but doesn't cover aspects like whether it's read-only, if it requires authentication, rate limits, error handling, or the format of the detailed explanation. This leaves significant gaps for a tool with no annotation coverage.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single, efficient sentence that front-loads the core purpose ('Get a detailed explanation') and includes key details ('with syntax and examples'). There is no wasted verbiage, making it highly concise and well-structured.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the tool's low complexity (one parameter, no output schema, no annotations), the description is minimally adequate. It explains what the tool does but lacks details on behavioral traits and usage context. Without annotations or output schema, more completeness would be beneficial, but it's not severely lacking.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The input schema has 100% description coverage, with the single parameter 'directive' documented as 'The directive name to explain (e.g., "bind", "each", "model").' The description adds no additional parameter semantics beyond this, so it meets the baseline score of 3 for high schema coverage.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the tool's purpose: 'Get a detailed explanation of a NoJS directive with syntax and examples.' It specifies the verb ('Get a detailed explanation') and resource ('a NoJS directive'), though it doesn't explicitly differentiate from sibling tools like 'list_directives' or 'get_cheatsheet.'
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description provides no guidance on when to use this tool versus alternatives. It doesn't mention sibling tools like 'list_directives' (which might list directives without details) or 'get_cheatsheet' (which could provide broader information), leaving the agent to infer usage context.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
get_cheatsheetB
Get a condensed NoJS directive cheatsheet for quick reference
| Name | Required | Description | Default |
|---|---|---|---|
No parameters | |||
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations provided, the description carries the full burden of behavioral disclosure. It states the tool retrieves a 'condensed' cheatsheet but doesn't describe what 'condensed' entails (e.g., summary vs. full details), any limitations (e.g., static content, no updates), or the return format. This leaves significant gaps in understanding the tool's behavior.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single, efficient sentence with no wasted words. It's front-loaded with the core action and resource, making it easy to scan and understand quickly.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the tool's simplicity (0 parameters, no annotations, no output schema), the description is minimally adequate. It states what the tool does but lacks details on behavior, output format, or context relative to siblings. For a read-only tool with no parameters, it meets basic needs but could be more informative.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The tool has 0 parameters, and schema description coverage is 100%, so there are no parameters to document. The description doesn't need to add parameter semantics, and it appropriately doesn't mention any. A baseline of 4 is applied for zero-parameter tools when the schema is fully covered.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the tool's purpose with a specific verb ('Get') and resource ('condensed NoJS directive cheatsheet'), and it specifies the format ('for quick reference'). However, it doesn't explicitly differentiate from sibling tools like 'explain_directive' or 'list_directives' in terms of output format or scope.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description provides no guidance on when to use this tool versus alternatives. It doesn't mention when it's appropriate (e.g., for quick lookup vs. detailed explanations) or when not to use it, nor does it reference sibling tools like 'explain_directive' or 'list_directives' for comparison.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
list_directivesB
List all NoJS directives, optionally filtered by category
| Name | Required | Description | Default |
|---|---|---|---|
| category | No | Filter by category: data, state, binding, conditionals, loops, events, styling, forms, routing, animation, dnd, i18n, refs, misc |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations provided, the description carries the full burden of behavioral disclosure. It states it's a listing operation, implying read-only behavior, but doesn't clarify if it returns all data at once or uses pagination, what the output format is, or any rate limits or permissions required. The description adds minimal behavioral context beyond the basic action.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single, efficient sentence that front-loads the core purpose ('List all NoJS directives') and adds necessary detail ('optionally filtered by category') without any wasted words. It's appropriately sized for a simple tool with one optional parameter.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the tool's low complexity (one optional parameter, no output schema, no annotations), the description is minimally adequate. It covers the basic purpose and parameter use, but lacks details on output format, behavioral traits like pagination or permissions, and explicit guidance compared to siblings. For a read operation, this is acceptable but leaves gaps.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The schema description coverage is 100%, with the parameter 'category' fully documented in the schema, including its type and allowed values. The description adds value by mentioning the optional filtering by category, but doesn't provide additional semantic context beyond what the schema already covers, such as default behavior when no category is specified.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the verb ('List') and resource ('all NoJS directives'), making the purpose immediately understandable. It distinguishes this from other tools by focusing on listing rather than explaining, getting cheatsheets, scaffolding, or validating. However, it doesn't explicitly contrast with sibling tools beyond the different action verbs.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description implies usage context through 'optionally filtered by category,' suggesting this tool is for retrieving directives with optional filtering. However, it provides no explicit guidance on when to use this versus alternatives like 'explain_directive' or 'get_cheatsheet,' nor does it mention any prerequisites or exclusions for usage.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
scaffold_componentC
Generate a NoJS component template following framework conventions
| Name | Required | Description | Default |
|---|---|---|---|
| type | Yes | Component type to scaffold | |
| features | No | Optional features to include: "validation", "i18n", "state", "fetch", "animation", "dnd" |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries full burden. It mentions 'following framework conventions', which hints at behavioral consistency, but lacks critical details: whether this creates files in a specific location, overwrites existing files, requires authentication, has side effects like modifying configuration, or what the output looks like (e.g., file paths or content). For a generative tool with zero annotation coverage, this is a significant gap.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single, efficient sentence with zero waste. It front-loads the core action ('Generate') and resource, making it easy to scan. Every word earns its place by specifying the template type and framework alignment.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the tool's complexity (generative with potential side effects), lack of annotations, and no output schema, the description is incomplete. It doesn't address what the tool returns (e.g., success message, generated code), error conditions, or behavioral nuances like idempotency. For a tool that creates artifacts, more context is needed to guide an agent effectively.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema description coverage is 100%, with clear descriptions for both parameters (type with enum values and features with optional items). The description adds no parameter-specific semantics beyond what the schema provides (e.g., it doesn't explain interactions between type and features or default behaviors). Baseline 3 is appropriate when the schema does the heavy lifting.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the action ('Generate') and resource ('NoJS component template'), specifying it follows 'framework conventions'. It distinguishes from siblings like explain_directive or validate_template by focusing on creation rather than explanation or validation. However, it doesn't explicitly differentiate from potential overlapping tools (e.g., if there were a 'scaffold_page' tool).
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description provides no guidance on when to use this tool versus alternatives. It doesn't mention prerequisites (e.g., needing a project setup), when not to use it (e.g., for existing components), or direct comparisons to sibling tools like list_directives. Usage is implied only through the action 'Generate'.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
validate_templateC
Validate a NoJS HTML template for syntax errors, unknown directives, and best practices
| Name | Required | Description | Default |
|---|---|---|---|
| html | Yes | The HTML template to validate |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries the full burden of behavioral disclosure. It mentions what the tool validates (syntax errors, unknown directives, best practices) but doesn't describe the output format, error reporting details, or any behavioral traits like performance implications or validation scope. This leaves significant gaps in understanding how the tool behaves in practice.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single, efficient sentence that front-loads the core purpose without any wasted words. It directly states what the tool does, making it easy to parse and understand quickly. Every part of the sentence earns its place by specifying the action, target, and validation aspects.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the lack of annotations and output schema, the description is incomplete for a validation tool. It doesn't explain what the output looks like (e.g., error list, success status), how results are structured, or any behavioral nuances. For a tool that likely returns validation results, this omission makes it inadequate for the agent to fully understand the tool's context and usage.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The input schema has 100% description coverage, with the single parameter 'html' clearly documented as 'The HTML template to validate'. The description doesn't add any meaning beyond this, such as formatting examples or constraints. Since the schema does the heavy lifting, the baseline score of 3 is appropriate, as the description doesn't compensate but also doesn't detract.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the tool's purpose: validating a NoJS HTML template for syntax errors, unknown directives, and best practices. It specifies the verb 'validate' and the resource 'NoJS HTML template', making it easy to understand what the tool does. However, it doesn't explicitly differentiate from sibling tools like 'explain_directive' or 'list_directives', which prevents a perfect score.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description provides no guidance on when to use this tool versus alternatives. It doesn't mention prerequisites, when not to use it, or how it relates to sibling tools like 'explain_directive' (which might explain errors) or 'list_directives' (which might list valid directives). This lack of context leaves the agent without clear usage instructions.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections. Dates show when Glama detected each change.
5 tool updates
v1.9.1- First observed
explain_directive - First observed
get_cheatsheet - First observed
list_directives - First observed
scaffold_component - First observed
validate_template
TDQS
Each tool has a clearly distinct purpose with no overlap: explain_directive provides detailed explanations, get_cheatsheet offers quick reference, list_directives enumerates available directives, scaffold_component generates templates, and validate_template checks syntax and best practices. The descriptions make it easy for an agent to select the right tool for each specific need.
All tool names follow a consistent verb_noun pattern (explain_directive, get_cheatsheet, list_directives, scaffold_component, validate_template), using clear action verbs and descriptive nouns. There are no deviations in style or convention, making the set predictable and easy to understand.
With 5 tools, this server is well-scoped for its purpose of supporting NoJS development. Each tool earns its place by covering distinct aspects: documentation (explain, cheatsheet, list), code generation (scaffold), and validation (validate). This count avoids bloat while providing complete coverage for common tasks.
The tool set provides complete coverage for the NoJS domain, including documentation lookup (explain, cheatsheet, list), component creation (scaffold), and quality assurance (validate). There are no obvious gaps; agents can access all necessary information, generate code, and validate it without dead ends.
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Connectors
Your prompt library inside your AI: 1,000+ pro templates, frameworks, vocab & pipelines.
Inspect and control your Northflank projects, services, jobs, and builds from your AI assistant.
Curated knowledge API for AI agents - skill packs, semantic search, validated patterns.
Provide your AI coding tools with token-efficient access to up-to-date technical documentation for…
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
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