VS Code Extensions
Flowmo Extension Pack

Flowmo Extension Pack

by flowmo

Flowmo Extension Pack provides an AI-powered OutSystems development environment in VS Code for designing screens, mapping logic, inspecting prototypes, and validating SQL before building in Service Studio.

Downloads

10

Rating

— (0)

Version

1.0.4

Last updated

Apr 11, 2026

A vibe coding environment for OutSystems developers. Design screens, map logic, and validate SQL in VS Code — powered by expert AI skills — before building in Service Studio.

How It Works

Flowmo gives AI agents the context and tooling to assist with OutSystems-compatible development:

  1. Scaffold — Run npx create-flowmo to generate a project pre-packed with Agent Skills (compliant with agentskills.io). These skills teach your AI assistant exactly how to build for OutSystems.
  2. Validate SQL — Use the Flowmo CLI to let AI agents generate and verify Advanced SQL queries against a local PGLite database in milliseconds.
  3. Draft Screens — AI builds .visual.html screen prototypes. Use the Visual Inspector (an inspection tool, NOT an editor) to copy structure and classes for high-speed recreation in Service Studio.
  4. Map Logic — Design Client, Server, Service, or Data Actions visually in the Flowchart Editor. Every flow is stored as open-format Mermaid Markdown.

Included Extensions

  • Flowchart Editor — Visual drag-and-drop editor for designing logic flows with bidirectional Mermaid sync (.flowchart.md)
  • Visual Inspector — Live preview and structure inspector for screen prototypes (.visual.html)

Getting Started

npx create-flowmo

The CLI scaffolds an OutSystems-aligned project. Install this extension pack for the full visual editing experience.

License

See LICENSE.