receptron

Grapys — Development skill for Claude Code

Development community

Build GraphAI workflows in a browser GUI — drag nodes and edges, configure loops, undo/redo, then run the graph with your own API keys.

How to install Grapys

This entry records only its repository, not the path inside it, so there is no exact command to give. Open receptron/grapys and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Grapys does

Build GraphAI workflows in a browser GUI — drag nodes and edges, configure loops, undo/redo, then run the graph with your own API keys. Vue and React implementations, same features.

Alternatives in Development

Claudia — A powerful GUI app and Toolkit for Claude Code - Create custom agents, manage interactive Claude Code sessions 21k ★
T3code — A minimal web GUI for coding agents 7.9k ★
n8n Code Python — Python coding in n8n Code nodes with limitations 3.6k ★

README

Grapys - GraphAI GUI tool

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.

Quick start 🚀

cd packages/grapys-react or cd packages/grapys-vue
yarn install
yarn run dev

Supported Features

Adding nodes and inputs (edges) via GUI
Inputting and configuring values for params/static nodes
Configuring loops
Generating GraphData for GraphAI
Managing updates with history, supporting undo/redo
Saving data to local storage
Executing chat using the created graph data

Using LLM APIs 🤖

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.

OpenAI LLM

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 dev

Alternatively, you can set the environment variable directly when running the dev server:

VITE_OPEN_API_KEY=your_openai_api_key_here yarn run dev

Other Supported LLM APIs

The 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.

Web llm 🌐

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.