gitwtfhub

wtf is agentic-workflow-designer-vsc-extension?

michellacle/agentic-workflow-designer-vsc-extension — explained in plain English

Analysis updated 2026-05-18

1TypeScriptAudience · developerComplexity · 3/5Setup · moderate

TL;DR

A VS Code extension for visually designing and running AI agent workflows on a drag-and-drop canvas, powered by GitHub Copilot custom agents.

Mindmap

mindmap
  root((repo))
    What it does
      Visual workflow canvas
      Runs Copilot subagents
      Tracks execution live
    Tech stack
      TypeScript
      VS Code extension
      YAML workflows
    Use cases
      Chain AI agent steps
      Add approval gates
      Version control workflows
    Audience
      Developers
      Copilot users
      Workflow builders

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Design multi-step AI agent workflows visually instead of writing orchestration code.

REASON 2

Chain planning, implementing, testing, and reviewing agents into one automated pipeline.

REASON 3

Add conditional branches, retry loops, and human approval steps to an agent workflow.

REASON 4

Track and share workflows as version-controlled YAML files.

What's in the stack?

TypeScriptVS Code Extension APIYAMLGitHub Copilot

How it stacks up

michellacle/agentic-workflow-designer-vsc-extension0xkinno/neuralvault0xmayurrr/ai-contractauditor
Stars111
LanguageTypeScriptTypeScriptTypeScript
Setup difficultymoderatehardeasy
Complexity3/54/52/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · moderate Time to first run · 30min

Requires Node.js 18+, VS Code 1.129+, and GitHub Copilot with custom-agent support, must be built and installed manually.

Wtf does this do

This project is an extension for Visual Studio Code that lets developers build automated workflows by dragging and dropping shapes on a visual canvas, instead of writing code by hand. Each shape, called a node, represents a step in the workflow, such as starting the process, running an AI agent, checking a condition, waiting for a human to approve something, pausing for a set time, or ending the workflow. The workflows are designed to run using GitHub Copilot's custom agent feature. Each agent node in a workflow points to a written instruction file that tells an AI agent what its job is, like planning a task, writing code, testing it, or reviewing it. When you run a workflow, the extension opens Copilot Chat and starts executing each node in order, showing live colored status updates on the canvas so you can see which steps are running, finished, or failed. Workflows can branch based on conditions, retry steps in a loop, and pause for human approval before continuing. All of this is saved as YAML files, a plain text format, which means workflows can be tracked and shared using version control tools like git, the same way code is. To use it, you need Node.js, npm, a recent version of VS Code, and GitHub Copilot with chat and custom agent support turned on. Installing it involves running a few build commands from the project's source code and then installing the resulting extension package into VS Code manually, since it is not yet listed on the extension marketplace. The project includes example agent files for common roles like planning, implementing, testing, and reviewing, along with sample workflow files to help new users understand the format. The README does not state which open source license the project uses.

Yoink these prompts

Prompt 1
Help me build the vscode-workflow-designer extension from source and install it locally.
Prompt 2
Show me how to create a new workflow with Start, Agent, and End nodes on the canvas.
Prompt 3
Explain how to write a .agent.md file for a custom planning agent used in this extension.
Prompt 4
Walk me through adding a Condition node that checks workflow state before branching.

Frequently asked questions

wtf is agentic-workflow-designer-vsc-extension?

A VS Code extension for visually designing and running AI agent workflows on a drag-and-drop canvas, powered by GitHub Copilot custom agents.

What language is agentic-workflow-designer-vsc-extension written in?

Mainly TypeScript. The stack also includes TypeScript, VS Code Extension API, YAML.

How hard is agentic-workflow-designer-vsc-extension to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is agentic-workflow-designer-vsc-extension for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.