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 开发

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.

主要功能

Comprehensive Flow CRUD (Create, Read, Update, Delete) procedures
Real-time event subscriptions via WebSocket-based tRPC
Version-controlled optimistic locking for safe collaborative editing
10 GitHub stars
Complex Edge and Port connectivity management for dynamic graphs
Granular Node Operations including add, remove, move, and clipboard pasting

使用场景

Optimizing database interactions for complex flow-based data structures
Implementing real-time collaborative graph editing in web applications
Building or extending the backend for visual AI agent builders

关于

主要功能

Comprehensive Flow CRUD (Create, Read, Update, Delete) procedures
Real-time event subscriptions via WebSocket-based tRPC
Version-controlled optimistic locking for safe collaborative editing
10 GitHub stars
Complex Edge and Port connectivity management for dynamic graphs
Granular Node Operations including add, remove, move, and clipboard pasting

使用场景

Optimizing database interactions for complex flow-based data structures
Implementing real-time collaborative graph editing in web applications
Building or extending the backend for visual AI agent builders