This is a tool for creating GraphAI workflows via a GUI. It is available in both Vue and React versions, both of which support the same features.
cd packages/grapys-reactorcd packages/grapys-vueyarn installyarn run dev
- Adding nodes and inputs (edges) via GUI
- Inputting and configuring values for
params/staticnodes - Configuring loops
- Generating
GraphDatafor GraphAI - Managing updates with history, supporting undo/redo
- Saving data to local storage
- Executing chat using the created graph data
To use various LLM APIs with this tool, you need to set up API keys as environment variables in the respective package directory you're working with.
To use OpenAI's LLM:
- Navigate to your chosen implementation directory:
cd packages/grapys-vue
# or
cd packages/grapys-react- Create a .env file in that directory with your API key:
VITE_OPEN_API_KEY=your_openai_api_key_here- Start the development server:
yarn run devAlternatively, you can set the environment variable directly when running the dev server:
VITE_OPEN_API_KEY=your_openai_api_key_here yarn run devThe following environment variables are also supported for their respective services:
VITE_ANTHROPIC_API_KEY
VITE_GOOGLE_GENAI_API_KEY
VITE_BROWSERLESS_API_TOKEN
Note: All API interactions run entirely within your browser - your API keys are never stored on a server or sent elsewhere.
This repository provides an agent using a web LLM. For using this, you can chat entirely within the browser without relying on LLMs like OpenAI. Currently, it only works on Chrome, so please use Chrome when using this feature.
In this repository, you can execute the created graph data directly. This feature support general GraphAI agents support.
However, the agent profiles are not yet fully developed (contributions via PRs are welcome!). Agent profiles manage the mapping information between GraphAI and GUI agents.
Both React and Vue versions support the same features, with some TypeScript files shared between them. If you contribute to the development of this tool and submit a PR to the repository, please test and verify that it works in both React and Vue.
