MCPcopy Index your code
hub / github.com/bytedance/flowgram.ai

github.com/bytedance/flowgram.ai @v1.0.12

repository ↗ · DeepWiki ↗ · release v1.0.12 ↗ · + Follow
7,203 symbols 21,783 edges 2,688 files 1,032 documented · 14%
README

Image

Lizenz @flowgram.ai/editor Ask DeepWiki juejin

FlowGram | Workflow-Entwicklungs-Framework

English | 中文 | Español | Русский | Português | Deutsch | 日本語

FlowGram ist ein zusammensetzbares, visuelles, einfach zu integrierendes und erweiterbares Workflow-Entwicklungs-Framework & Toolkit. Unser Ziel ist es, Entwicklern zu helfen, KI-Workflow-Plattformen schneller und einfacher zu erstellen. FlowGram wird mit einer Reihe von integrierten Werkzeugen für die Workflow-Entwicklung geliefert: eine visuelle Flow-Canvas, Node-Konfigurationsformulare, eine Variablen-Scope-Chain und sofort einsatzbereite Materialien (LLM, Bedingung, Code-Editor usw.). Es ist keine fertige Workflow-Plattform; es ist das Framework und Toolkit, um Ihre zu erstellen.

Erfahren Sie mehr unter FlowGram.AI 🌐

🎬 Demo

https://github.com/user-attachments/assets/fee87890-ceec-4c07-b659-08afc4dedc26

Öffnen Sie in CodeSandbox 🌐 oder StackBlitz 🌐

In dieser Demo durchlaufen wir eine Liste von Städten, rufen das Echtzeit-Wetter über HTTP ab, parsen die Temperaturen mit einem Code-Knoten, generieren Outfit-Vorschläge mit einem LLM, steuern durch eine Bedingung, aggregieren die Ergebnisse über die Schleife und verwenden schließlich einen Berater-LLM, um die komfortabelste Stadt auszuwählen, bevor das Ergebnis an den Endknoten gesendet wird.

🚀 Schnellstart

  1. Erstellen Sie ein neues FlowGram-Projekt:
npx @flowgram.ai/create-app@latest

Wir empfehlen, die Vorlage Free Layout Demo ⭐️ zu wählen.

  1. Starten Sie das Projekt:
cd demo-free-layout
npm install
npm start
  1. Öffnen Sie http://localhost:3000 in Ihrem Browser.

✨ Funktionen

Funktion Beschreibung Demo
Free Layout Canvas Freie Layout-Canvas, auf der Knoten beliebig platziert und mit Freiformlinien verbunden werden können. Free Layout Demo
Fixed Layout Canvas Feste Layout-Canvas, auf der Knoten an bestimmte Positionen gezogen werden können, mit Unterstützung für zusammengesetzte Knoten wie Verzweigungen und Schleifen. Fixed Layout Demo
Formular Die Formular-Engine verwaltet CRUD-Operationen von Knotendaten und bietet Rendering-, Validierungs-, Nebeneffekt-, Verknüpfungs- und Fehlererfassungsfunktionen, wodurch die Entwicklung von Knotenkonfigurationen vereinfacht wird. Formular
Variable Die Variablen-Engine unterstützt Bereichsbeschränkungen, Variablenstrukturinspektion und Typinferenz, wodurch der Datenfluss im Workflow einfach verwaltet werden kann. Variable

📖 Dokumentation

Sie finden die FlowGram-Dokumentation auf der Website.

Die Dokumentation ist in mehrere Abschnitte unterteilt:

🙌 Mitwirkende

FlowGram.AI-Mitwirkende

🌍 Einführung

  • Coze Studio ist ein All-in-One-KI-Agenten-Entwicklungstool. Coze Studio bietet die neuesten großen Modelle und Werkzeuge, verschiedene Entwicklungsmodi und Frameworks und bietet die bequemste KI-Agenten-Entwicklungsumgebung, von der Entwicklung bis zur Bereitstellung.
  • NNDeploy ist ein Workflow-basiertes Multi-Plattform-KI-Bereitstellungstool.
  • Certimate ist ein Open-Source-SSL-Zertifikatsverwaltungstool, mit dem Sie SSL-Zertifikate automatisch mit einem visuellen Workflow beantragen und bereitstellen können. Es ist eine der ACME-Client-Optionen, die in der offiziellen Dokumentation von Let's Encrypt aufgeführt sind.

📬 Kontaktieren Sie uns

  • Probleme: Probleme
  • Lark: Scannen Sie den QR-Code unten mit Register Feishu, um unserer FlowGram-Benutzergruppe beizutreten.

Extension points exported contracts — how you extend this code

FlowRendererContribution (Interface)
(no doc) [8 implementers]
packages/canvas-engine/renderer/src/flow-renderer-contribution.ts
FormItemAbility (Interface)
(no doc) [6 implementers]
packages/node-engine/form-core/src/form/models/form-item-ability.ts
ShortCache (Interface)
(no doc) [7 implementers]
packages/common/utils/src/cache.ts
ShortcutsHandler (Interface)
(no doc) [18 implementers]
packages/plugins/shortcuts-plugin/src/shortcuts-contribution.ts
IContainer (Interface)
(no doc) [8 implementers]
packages/runtime/interface/src/runtime/container/index.ts
FlowOperationService (Interface)
(no doc) [3 implementers]
packages/client/fixed-layout-editor/src/types.ts
IVariableTable (Interface)
(no doc) [2 implementers]
packages/variable-engine/variable-core/src/scope/types.ts
Props (Interface)
* Copyright (c) 2025 Bytedance Ltd. and/or its affiliates * SPDX-License-Identifier: MIT
apps/demo-materials/src/assets/icon-cancel.tsx

Core symbols most depended-on inside this repo

map
called by 558
packages/node-engine/form/src/core/field-array-model.ts
forEach
called by 539
packages/common/utils/src/contribution-provider.ts
get
called by 448
packages/common/utils/src/cache.ts
push
called by 354
packages/common/utils/src/disposable-collection.ts
dispose
called by 319
packages/common/utils/src/disposable.ts
getData
called by 313
packages/canvas-engine/core/src/services/storage-service.ts
getNode
called by 244
packages/plugins/free-auto-layout-plugin/src/layout/type.ts
set
called by 206
packages/runtime/interface/src/runtime/cache/index.ts

Shape

Method 2,800
Function 2,660
Interface 901
Class 759
Enum 83

Languages

TypeScript100%
Python1%

Modules by API surface

packages/common/history/src/history/types.ts51 symbols
packages/canvas-engine/document/src/entities/flow-node-entity.ts49 symbols
packages/canvas-engine/free-layout-core/src/entities/workflow-line-entity.ts48 symbols
packages/common/utils/src/math/shapes/Rectangle.ts47 symbols
packages/canvas-engine/core/src/common/schema/transform-schema.ts45 symbols
packages/canvas-engine/free-layout-core/src/workflow-lines-manager.ts42 symbols
packages/canvas-engine/document/src/typings/flow-operation.ts38 symbols
packages/canvas-engine/core/__tests__/entity.spec.ts38 symbols
packages/canvas-engine/core/src/core/layer/config/playground-config-entity.ts37 symbols
packages/canvas-engine/free-layout-core/src/workflow-document.ts36 symbols
packages/canvas-engine/document/src/flow-document.ts36 symbols
packages/canvas-engine/document/src/datas/flow-node-transform-data.ts35 symbols

Dependencies from manifests, versioned

@ant-design/icons5.x · 1×
@babel/core>=7.11.0 · 1×
@babel/eslint-parser7.19.1 · 1×
@babel/eslint-plugin7.22.10 · 1×
@babel/preset-env7.20.2 · 1×
@babel/preset-react7.13.13 · 1×
@codemirror/state6.4.1 · 1×
@codemirror/view6.26.1 · 1×
@codesandbox/sandpack-react2.19.10 · 1×
@commitlint/cli17.2.0 · 1×
@commitlint/config-conventional17.2.0 · 1×
@coze-editor/code-language-typescript0.1.0-alpha.868621 · 1×

For agents

$ claude mcp add flowgram.ai \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact