What is an interactive node in this context?

An interactive node is a specific component within a FastGPT workflow that pauses execution to wait for user input, such as filling out a form or making a selection.

How is the history handled when a workflow resumes?

The skill includes logic to rewrite or trim conversation histories to ensure the AI context remains clean after a user provides their interaction input.

Does it support complex forms or just simple buttons?

It supports a wide range of interactions, including simple single-selects (userSelect), complex multi-field forms (formInput), and even sub-workflow interactions.

Can I create custom UI for these interactions?

Yes, the skill provides detailed guides for creating React components for both the end-user chat interface and the administrative workflow editor.

How does the skill handle workflow state during a pause?

It utilizes an 'isEntry' flag management system and a skip node queue to ensure the workflow knows exactly where to resume once the user provides the requested data.

FastGPT Interactive Workflow Developer

Name: FastGPT Interactive Workflow Developer
Author: Activer007

byActiver007

0•

生産性とワークフロー

Streamlines the creation of interactive response nodes within FastGPT workflows to enable seamless human-in-the-loop capabilities.

This skill provides a standardized framework and implementation pattern for developing interactive nodes in FastGPT environments. It guides developers through the full stack of interactive development—from defining TypeScript types and backend dispatch logic to creating frontend React components and managing workflow state. It is essential for building AI applications that require pausing for user input, such as form fills, selection menus, or complex multi-step approvals, ensuring consistent state management and history tracking.

主な機能

01Standardized interactive node architecture with predefined lifecycle stages

020 GitHub stars

03Frontend UI templates for Chat and Workflow Editor components using Chakra UI

04Integrated internationalization (i18n) support for global AI applications

05Comprehensive state management patterns using isEntry and skipNodeQueue

06Dual-phase execution logic for handling workflow pauses and user resumes

ユースケース

01Building multi-field data collection forms that pause AI execution until submission

02Implementing decision-branching nodes where users select the next path in an AI workflow

03Creating custom 'Pause for Payment' or 'Approval Required' steps in automated business processes

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill