Which codebase areas does this skill focus on?

The skill primarily targets the packages/chaingraph-trpc/server directory for API definitions and apps/chaingraph-backend for server implementation.

What kind of node operations are covered?

The skill covers adding nodes, removing nodes, updating positions with version checks, pasting multiple nodes from a clipboard, and updating port values.

How does it handle concurrent editing conflicts?

It utilizes a locking mechanism (FlowStore lock) and version control on node updates to detect and prevent stale updates from overwriting current data.

What is the trpc-flow-editing skill?

It is a specialized skill for Claude Code designed to manage and develop the tRPC API layer for ChainGraph, a visual flow-based programming framework for AI agents.

Does this skill support real-time updates?

Yes, it includes procedures for subscribeToEvents, allowing the backend to push real-time updates to the visual frontend via WebSockets.

ChainGraph tRPC Flow Editor

Name: ChainGraph tRPC Flow Editor
Author: chaingraphlabs

bychaingraphlabs

•

API Development

Manages visual flow programming operations through a robust tRPC backend layer including node management and version control.

This skill provides specialized knowledge for working with the ChainGraph tRPC flow editing layer, the backbone of a visual flow-based programming framework. It facilitates the development and maintenance of backend procedures for visual editors, covering comprehensive CRUD operations, node and edge manipulations, and real-time subscriptions via WebSockets. By implementing advanced features like optimistic locking and version control, it ensures data integrity during complex graph modifications, making it an essential tool for developers building AI agent orchestration platforms.

Key Features

01Comprehensive Flow CRUD (Create, Read, Update, Delete) procedures

02Real-time event subscriptions via WebSocket-based tRPC

03Version-controlled optimistic locking for safe collaborative editing

0410 GitHub stars

05Complex Edge and Port connectivity management for dynamic graphs

06Granular Node Operations including add, remove, move, and clipboard pasting

Use Cases

01Optimizing database interactions for complex flow-based data structures

02Implementing real-time collaborative graph editing in web applications

03Building or extending the backend for visual AI agent builders

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add chaingraphlabs/chaingraph trpc-flow-editing

For use in Claude.ai and ChatGPT

Download Skill