Part of SOP Doc. Read and write .osop files with full IDE support.
Syntax highlighting, real-time validation, Mermaid preview panel, 16 code snippets. See errors before you run. Author SOP Doc content directly in VS Code.
Website: osop.ai | GitHub: github.com/osop/osop-vscode
- Syntax highlighting — Custom TextMate grammar for
.osop.yamlfiles with semantic token coloring for node types, edge modes, and keywords - Schema validation — Real-time validation against the OSOP JSON Schema with inline error diagnostics
- Autocomplete — IntelliSense for node types, edge modes, top-level keys, and field values
- Hover documentation — Hover over node types, fields, and keywords to see inline documentation
- Snippets — Quick-insert templates for common patterns (new workflow, step node, decision node, fork/join, etc.)
- Diagram preview — Side panel rendering of the workflow as a Mermaid diagram (requires Mermaid extension)
Search for OSOP in the VS Code Extensions Marketplace, or install from the command line:
code --install-extension osop.osop-vscode- Create or open a file with the
.osop.yamlextension - The extension activates automatically
- Start typing to see autocomplete suggestions
- Errors and warnings appear inline as you edit
- Hover over any node type or keyword for documentation
| Prefix | Description |
|---|---|
osop-new |
New OSOP workflow scaffold |
osop-step |
Step node |
osop-decision |
Decision node with condition |
osop-fork-join |
Fork and join pair |
osop-approval |
Approval gate node |
osop-retry |
Retry wrapper node |
osop-loop |
Loop node |
osop-webhook |
Webhook node |
osop-subprocess |
Subprocess reference |
git clone https://github.com/osop/osop-vscode.git
cd osop-vscode
npm install
npm run compilePress F5 in VS Code to launch the Extension Development Host.
Apache License 2.0 — see LICENSE for details.