Developer Tools

Free, standalone tools for _hyperscript development. No HyperFixi or LokaScript dependencies required — these work with original _hyperscript out of the box.

VSCode Extension

Full language support for _hyperscript in Visual Studio Code.

Features

• Syntax highlighting for _="..." attributes, <script type="text/hyperscript">, and .hs files
• Completions for 36 commands, events, selectors, and keywords
• Hover documentation for commands and expressions
• Diagnostics with real-time error detection
• Document symbols showing event handlers, behaviors, and functions
• Code actions and quick fixes for common mistakes
• Go to definition and find references for behaviors and functions
• Formatting with consistent indentation
• HTML injection — works inside HTML, Vue, and Svelte templates

Install

Download the extension and install from the command line:

Download hyperscript-vscode-2.2.0.vsix

code --install-extension hyperscript-vscode-2.2.0.vsix

Or install from within VS Code: open the Command Palette (Cmd+Shift+P), choose Extensions: Install from VSIX..., and select the downloaded file.

Supported file types

MCP Server

AI-powered development tools for _hyperscript, exposed via the Model Context Protocol. Works with Claude, Cursor, Windsurf, and any MCP-compatible editor.

Validation and parsing run the real _hyperscript parser (the hyperscript.org package), so results match the language exactly rather than approximating it. Source: github.com/codetalcott/hyperscript-tools.

Install

npx @hyperscript-tools/mcp-server

Or add to your Claude Desktop / Claude Code config:

{
  "mcpServers": {
    "hyperscript": {
      "command": "npx",
      "args": ["@hyperscript-tools/mcp-server"]
    }
  }
}

Tools (10)

Parsing & validation (real parser)

• validate_hyperscript — validate with the real parser; returns { valid, errors } with the actual message, line, and column
• parse_hyperscript — parse to a compact AST view + command sequence (and optional token stream)
• suggest_command — suggest the right command for a task (heuristic)

Editor assist

• get_completions — context-aware keyword completions
• get_hover_info — hover documentation for a keyword
• get_document_symbols — document outline (handlers, behaviors, functions), extracted from the parsed AST

Documentation

• get_command_docs — syntax, description, and examples for a command
• get_expression_docs — docs for expressions and references
• search_language_elements — search commands, expressions, and special symbols
• get_language_info — the canonical grammar version and the full command/feature list

Resources

The server also exposes 4 MCP resources for documentation:

• hyperscript://docs/commands
• hyperscript://docs/expressions
• hyperscript://docs/events
• hyperscript://examples/common