nebulaflow

Installation

This guide covers how to install NebulaFlow, a VS Code extension for designing and running LLM+CLI workflows as visual node graphs.

Prerequisites

Before installing NebulaFlow, ensure you have the following:

Installation Methods

  1. Open VS Code
  2. Go to the Extensions view (Ctrl+Shift+X or Cmd+Shift+X on macOS)
  3. Search for “NebulaFlow” in the marketplace
  4. Click Install on the extension published by prinova
  5. Reload VS Code if prompted

After installation, you can open the NebulaFlow editor by running the command “NebulaFlow: Open Workflow Editor” (Ctrl+Shift+P or Cmd+Shift+P, then type the command).

Method 2: Install from VSIX File

If you have a .vsix file (e.g., from a release or local build):

  1. Open VS Code
  2. Go to the Extensions view
  3. Click the menu in the top-right corner of the Extensions panel
  4. Select “Install from VSIX…“
  5. Navigate to the .vsix file and select it
  6. Reload VS Code when prompted

Method 3: Build from Source (Development)

If you want to contribute or run the latest development version:

  1. Clone the repository:
    git clone https://github.com/PriNova/nebulaflow.git
    cd nebulaflow
    
  2. Install dependencies:
    npm install
    
  3. Build the extension:
    npm run build
    
  4. Launch the extension in VS Code:
    • Open the cloned folder in VS Code
    • Press F5 to start the “Launch Extension (Desktop)” debug configuration
    • This will open a new VS Code window with the extension loaded
  5. Open the NebulaFlow editor:
    • In the new window, run the command “NebulaFlow: Open Workflow Editor” (Ctrl+Shift+P)

For more details on development workflow, see Development Setup.

Configuration

Environment Variables

NebulaFlow requires environment variables for LLM node functionality:

Setting Environment Variables

Linux/macOS (temporary):

export AMP_API_KEY="your_amp_api_key_here"
export OPENROUTER_API_KEY="your_openrouter_api_key_here"  # optional

Linux/macOS (permanent): Add the lines to your shell profile file (e.g., ~/.bashrc, ~/.zshrc, ~/.profile):

export AMP_API_KEY="your_amp_api_key_here"
export OPENROUTER_API_KEY="your_openrouter_api_key_here"

Windows (PowerShell):

$env:AMP_API_KEY="your_amp_api_key_here"
$env:OPENROUTER_API_KEY="your_openrouter_api_key_here"

Windows (Command Prompt):

set AMP_API_KEY=your_amp_api_key_here
set OPENROUTER_API_KEY=your_openrouter_api_key_here

Note: Environment variables set in a terminal session only apply to that session. For permanent changes, set them system-wide or use a .env file in your workspace (see below).

Using a .env File

You can also place a .env file in your workspace root (or the first workspace folder). NebulaFlow will read environment variables from this file when the extension activates.

Create a file named .env in your workspace:

AMP_API_KEY=your_amp_api_key_here
OPENROUTER_API_KEY=your_openrouter_api_key_here

VS Code Settings

NebulaFlow provides VS Code configuration options:

To configure:

  1. Open VS Code Settings (Ctrl+, or Cmd+,)
  2. Search for “NebulaFlow”
  3. Adjust the settings as needed

Workspace LLM Configuration

You can configure LLM settings per workspace by creating a .nebulaflow/settings.json file in your workspace root. This file can contain Amp SDK settings, model configurations, and more.

Example .nebulaflow/settings.json:

{
  "nebulaflow": {
    "settings": {
      "openrouter.key": "sk-or-...",
      "internal.primaryModel": "openrouter/xiaomi/mimo-v2-flash:free"
    }
  }
}

For detailed configuration options, see Configuration.

Verification

After installation, verify that NebulaFlow is working:

  1. Open VS Code
  2. Run the command “NebulaFlow: Open Workflow Editor”
  3. The webview should open with a default workflow (Git Diff → Generate Commit Message → Git Commit)
  4. If you see a blank canvas or an error, check the troubleshooting section below

Troubleshooting

“Amp SDK not available” error

Cause: The vendored Amp SDK is not properly linked or missing.

Solution:

“AMP_API_KEY is not set” error

Cause: The environment variable for the Amp SDK is not set.

Solution:

Webview assets don’t load

Cause: The webview bundle hasn’t been built or is outdated.

Solution:

Extension fails to activate

Cause: VS Code extension host issues or incompatible VS Code version.

Solution:

LLM node fails with model errors

Cause: Invalid API key or model selection.

Solution:

CLI node fails to execute commands

Cause: Permission issues or command not found.

Solution:

Permission denied on Linux/macOS

Cause: The extension may need executable permissions for shell commands.

Solution:

Extension not appearing in Extensions view

Cause: VS Code marketplace sync delay or network issues.

Solution:

Next Steps

Once installed and configured:

  1. Quick Start: Follow the Quick Start Guide to create your first workflow
  2. Configuration: Learn about advanced configuration in Configuration
  3. First Workflow: Build a complete workflow in First Workflow
  4. User Guide: Explore the User Guide for workflow design patterns

Getting Help

If you encounter issues not covered here: