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:
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.
Validate SQL — Use the Flowmo CLI to let AI agents generate and verify Advanced SQL queries against a local PGLite database in milliseconds.
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.
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.
