Designed as a lightweight standard protocol and Skill, it preserves your existing development habits. Now, you can not only tell the Agent in the chat box, just as you always do: “Invoke the Skill to help me sort out this complete end-to-end testing process” — you can also directly use the shortcut /interactive-architecture-diagram in the input box to invoke the Skill with a single command. From there, leave all the “heavy lifting” to the system’s automatic flow: the Agent first acts as a “requirement translator”, turning your unstructured plain language into a standard, structured intent for diagramming (e.g., a Markdown description). Then, ContextWeave’s core orchestration service dynamically compiles that request into low-level .cw code in the background, and finally renders it as an interactive SVG diagram with perfect layout and precise connections. All you need to do is focus on thinking about the overall architecture—no more worrying about layout or connectors.
Quick Start & Installation Guide
1. Get the Skill
Visit the Lobster Official Skill Store and install the ContextWeave Architecture Diagram Generator with one click:
2. Out-of-the-Box (Zero-Configuration Experience)
The Skill comes with a public trial quota. Once installed, you can use it directly in your conversations – no upfront configuration needed!
- Natural language invocation: Simply tell the Agent “Invoke the architecture diagram Skill to draw…”
- Shortcut invocation (recommended): Type
/interactive-architecture-diagramdirectly in the chat input, followed by your drawing request.
Get the Agent to draw your first architecture diagram with precise code linkage right away.
3. Advanced: Unlock Higher Quota & Custom Jump Configuration
If your heavy usage hits the public trial quota limit, or you need to customize your editor jump protocol (supports Trae, VS Code, etc.), you can apply for a dedicated API Key and configure it locally:
-
Set private variables: Open
set_env.private.shand fill in your dedicated configuration:CONTEXTWEAVE_MCP_API_KEY_VALUE="your_dedicated_API_Key" CONTEXTWEAVE_EDITOR_PROTOCOL_VALUE="trae" # Enter your editor protocol (e.g., trae or vscode) -
Apply the configuration with one command: Run the configuration script in your terminal:
source set_env.sh.
(The script will automatically detect and update your terminal configuration. After restarting the terminal, the settings will take effect globally, overriding the public key!)
3. 
Install the Jump Plugin (Required)
Note: All code jumps from the editor actually require the plugin below to be installed. Download it here:
https://gitee.com/qhyw56/cwmcp-client/releases/download/v0.0.4/github-linker-0.0.15.vsix
Screenshots showing how to install the plugin are below. First, click the Extensions icon in the upper right corner:
https://d37a2816ba17058937116627cc6375e3.png
Then click the three dots in the upper right corner, and from the popup menu select “Install from VSIX”:
https://image-1.png
Finally, select the plugin file you just downloaded and click OK.