ai-agent

Vscode Sequence Diagrams

Name: Vscode Sequence Diagrams
Author: AleksandarDev

Generates UML sequence diagrams from simple text

49 stars17 forksJavaScriptUpdated 1/7/2023100% free · open source

What it does

Generates UML sequence diagrams from simple text, allowing for visual representation of system interactions and processes

When to use it

•Creating technical documentation for software systems
•Designing and planning system architectures
•Communicating complex system interactions to non-technical stakeholders

Ready-to-paste prompt

participant User
participant System
User->>System: Login
System-->>User: Login Success

Heads up: Make sure to use the correct syntax and formatting in your sequence diagram text, as incorrect syntax can prevent the diagram from rendering correctly, such as missing or incorrect participant definitions

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/vscode-sequence-diagrams && curl -fsSL https://workflowstacks.com/api/skills/vscode-sequence-diagrams/claude-skill -o ~/.claude/skills/vscode-sequence-diagrams/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

What's inside — free to inspect

No purchase needed

Read the entire source before you build — unlike paid marketplaces that hide it behind a buy button.

top-level files

folders

1.1M

source size

—

license

Key files

package.json

README.md

tsconfig.json

webpack.config.js

File tree

.vscode/

images/

src/

.gitignore

.vscodeignore

CHANGELOG.md

Icon.png

Icon.xcf

package.json

README.md

tsconfig.json

vsc-extension-quickstart.md

webpack.config.js

yarn.lock

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/vscode-sequence-diagrams && curl -fsSL https://workflowstacks.com/api/skills/vscode-sequence-diagrams/claude-skill -o ~/.claude/skills/vscode-sequence-diagrams/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

AleksandarDev

Language

JavaScript