Gflow

Editor e player de tours com captura de tela e narração.

Get it
LLM Mart 0 views 0 listing impressions
Transport
Not stated
Package
—
Registry id
—

No install snippet on purpose. A working MCP config is a command, its arguments and an environment block — the last two are where API keys live, so this catalogue never stores them and cannot publish them. Follow the link above for the authors' own instructions.

English | Português

smithery badge License: MIT

Free, open-source interactive product demo & guided tour builder — alternative to Arcade, Supademo, Storylane.

Try it at guiaflow.pro · Editor: guiaflow.pro/editor · Integrations: guiaflow.pro/en/integrations

GuiaFlow editor

Example tour

GuiaFlow is an editor and player for click-through product tours built from screenshots, with highlights, simulated clicks, and narration. It ships with a Chrome extension to capture your product and a desktop app (Electron) with built-in capture.

Features

  • Screenshot-based interactive demos — highlight (hotspot), simulated click, and step text on each screen
  • Chrome extension capture — record your product flow in the browser and turn it into a tour
  • Desktop app (Electron) — built-in capture window, no extension needed
  • Narration (BYOK) — the free, open-source editor supports BYOK (bring your own AI key) for step text and voiceover: step text via OpenRouter, OpenAI, or any OpenAI-compatible endpoint (custom base URL), and voiceover via Cartesia. Keys are stored only in your browser (IndexedDB) and requests go straight from your browser to the provider
  • Scenes, themes, and fonts — group steps, pick a ready theme or customize it
  • Start and end steps — lead-capture intro step and closing CTAs (including WhatsApp)
  • Export — single-file navigable HTML, MP4 video, or a 7-day temporary preview link
  • Multilingual UI — Portuguese, Spanish, and English
  • Works offline / locally — no account required; MIT licensed

GuiaFlow Pro

GuiaFlow Pro is the optional paid plan. The editor and player in this repo stay free and MIT forever.

  • Permanent share links for published tours
  • Hosted AI text and TTS — no API key needed in the browser
  • Analytics for published tours
  • Lead capture
  • No watermark on exported video
  • MCP server at https://app.guiaflow.pro/mcp — let AI agents create and publish tours

See guiaflow.pro for plans and docs/CLOUD.md for how the open editor talks to the hosted service.

Getting started in the browser

npm start

Opens http://localhost:4173 (landing) and http://localhost:4173/editor (editor). The published editor is https://guiaflow.pro/editor; the root https://guiaflow.pro is the landing page. Visitors who already have projects in this browser, have the capture extension, or arrive at the root with ?parameters/#token= are sent to /editor with the query and hash preserved; /?landing=1 always shows the landing page. The old address https://guiaflow-seven.vercel.app redirects there, keeping the path and query. On the first visit the library gets the Como usar o Guia (how to use) project.

The interface is available in Portuguese, Spanish, and English. The language follows the browser; anything else falls back to English. In the editor, the selector is in the top bar (PT, ES, EN). In the extension, the same selector is in the popup and also applies to the on-page capture bar.

Capture extension

Install it from the Chrome Web Store. The manual is in ajuda.html.

To develop the extension locally:

From the project's README.