Getting Started

Install DCS and set up your first lab graph in 5 minutes.

Requirements

• Visual Studio Code 1.85+
• Claude Code extension (for AI features)

Install

From Marketplace: Search “DCS — Device Context System” in VSCode Extensions.

From .vsix (demo):

code --install-extension dcs-0.1.0.vsix

First use

1. Open a folder in VSCode (File → Open Folder)
2. DCS initializes automatically — a .dcs/ folder is created
3. Click the ⬡ DCS icon in the Activity Bar
4. Choose Load Example Setup to see a pre-built LC-MS lab

Create your first device

1. Open the Graph Editor (Ctrl+Shift+P → DCS: Open Graph Editor)
2. Click + New Setup and name your lab
3. Drag a device from the Library panel onto the canvas
4. Click the device → edit parameters in the Properties drawer

Attach a photo from your phone

1. In the Graph Editor toolbar, click [Share QR]
2. Scan the QR code with your phone
3. Select a device and take a photo
4. The node badge updates in real-time

Connect to Claude Code

DCS automatically configures Claude Code when it detects it. Open Claude Code and ask: “What devices are in my lab setup?”