Can I customize the UI for user interactions?

Yes, the skill provides specific instructions for creating custom React components for the chat interface (InteractiveComponents) and the visual workflow builder (NodeCard).

How does the system handle workflow resumption?

The system uses an 'isEntry' flag and a 'skipNodeQueue' to remember where the workflow paused, allowing it to resume exactly from the interactive node once user data is received.

How is chat history maintained during an interaction?

The skill includes logic for 'rewriteHistories' to ensure that the interaction data is properly integrated into the conversation context without duplicating or breaking the history.

What is a FastGPT interactive node?

An interactive node is a specific type of workflow step that pauses the execution of an AI process to wait for user input, such as filling out a form or making a selection.

FastGPT Interactive Workflow Dev

Name: FastGPT Interactive Workflow Dev
Author: Microck

byMicrock

•

Productivity & Workflow

Provides a comprehensive framework for developing interactive response nodes that allow workflows to pause and capture user input.

This skill serves as a specialized developer guide for extending the FastGPT workflow engine with custom interactive capabilities. It outlines the complete technical lifecycle for creating interactive nodes—from defining core TypeScript interfaces and backend execution logic to building frontend React components for both the chat interface and the workflow editor. By providing clear patterns for state management, history rewriting, and execution flow control, it enables developers to build sophisticated AI sequences that require human-in-the-loop interactions like custom forms, product selections, or multi-step approval gates.

Key Features

01Best practices for history management and workflow resumption mechanics

0281 GitHub stars

03Frontend rendering guides for chat-based UI and visual workflow editors

04Standardized architecture for multi-stage workflow execution and pausing

05Backend logic patterns for managing 'isEntry' flags and state persistence

06Detailed TypeScript templates for custom interactive node definitions

Use Cases

01Creating interactive product selection or configuration nodes in sales workflows

02Building specialized authorization or payment pauses that require human intervention

03Implementing custom multi-field forms within an automated AI support sequence

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add microck/ordinary-claude-skills workflow-interactive-dev

For use in Claude.ai and ChatGPT

Download Skill