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.

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 (14)

Validation

• validate_hyperscript — syntax checking with error positions
• suggest_command — suggest the right command for a task
• get_code_fixes — fixes for common errors

Editor integration

• get_diagnostics — LSP-compatible diagnostics
• get_completions — context-aware keyword completions
• get_hover_info — hover documentation for any keyword
• get_document_symbols — document outline (handlers, behaviors, functions)

Documentation

• get_command_docs — full docs for any command
• get_expression_docs — docs for expressions and references
• search_language_elements — search all commands, expressions, symbols
• suggest_best_practices — code improvement suggestions

Analysis

• analyze_complexity — cyclomatic and cognitive complexity metrics
• explain_code — natural language explanation at configurable detail level
• recognize_intent — classify code purpose (DOM manipulation, events, etc.)

Resources

The server also exposes 4 MCP resources for documentation:

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