workflow-interactive-dev

Develop interactive FastGPT workflow nodes from type definitions to dispatch logic.

29.3k|7.3k|Updated Feb 23, 2023
One-click install
npx skills add https://github.com/labring/FastGPT --skill workflow-interactive-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: workflow-interactive-dev
Source: https://github.com/labring/FastGPT/tree/main/.claude/skills/core/app/workflow/inteactive
Command: npx skills add https://github.com/labring/FastGPT --skill workflow-interactive-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solves? Developing custom interactive components for complex AI workflows can be daunting, requiring deep knowledge of system architecture and numerous file modifications. This Skill provides a comprehensive, step-by-step guide for developers, streamlining the creation of new interactive nodes within FastGPT, ensuring seamless integration and robust functionality.

Core Features & Use Cases

  • Architectural Blueprint: Details the core type definitions and workflow execution mechanisms for interactive nodes.
  • Full-Stack Development Guide: Provides instructions for defining node types, creating templates, implementing backend logic, and building frontend components.
  • Critical Considerations: Covers essential aspects like isEntry flag management, history handling, and testing checklists to ensure proper functionality.
  • Use Case: When your FastGPT application needs a unique way to gather user input or pause for human decision-making mid-workflow (e.g., a custom multi-field form or a specific approval step), use this Skill to guide Claude in generating the necessary code and configuration, accelerating your development cycle.

Quick Start

Ask Claude to develop a new interactive node for a FastGPT workflow that collects "user feedback on a product feature" and follow the workflow-interactive-dev guidelines.

Frequently Asked Questions about workflow-interactive-dev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build interactive nodes for FastGPT workflows?

Interactive nodes in FastGPT let you pause workflow execution to collect user input or decisions. This Skill guides you through defining node types (userSelect, formInput, childrenInteractive, loopInteractive, paymentPause), implementing backend dispatch logic, and building frontend components—from type definitions to full integration.

What are the key components of an interactive node architecture?

Interactive nodes require type definitions, templates, nodeOutputs, memoryEdges, skipNodeQueue flags, and isEntry handling. The Skill details how these components work together in the workflow service to manage node dispatch, history rewriting, and runtime behavior across backend and frontend layers.

Can I create custom form inputs or approval steps mid-workflow in FastGPT?

Yes. Use formInput nodes to gather multi-field user data or paymentPause nodes for approval checkpoints. This Skill provides the full development path: defining the node type, creating templates, implementing backend logic, and building the React frontend component for seamless workflow integration.

What do I need to know before developing a custom interactive node?

You'll need TypeScript and React knowledge, understanding of FastGPT's workflow service architecture, and familiarity with node dispatch and history handling. The Skill covers isEntry flag management, testing checklists, and functional requirements like memoryEdges to ensure proper behavior.

How does history rewriting work in interactive node workflows?

Interactive nodes can modify workflow history when user decisions branch execution. This Skill explains the orchestration between node dispatch logic and history rewriting in the workflow service, ensuring state consistency and proper playback when workflows pause and resume.

What's the difference between interactive node types in FastGPT?

userSelect lets users choose predefined options, formInput collects structured data, childrenInteractive and loopInteractive handle nested or repeated interactions, and paymentPause pauses for transactions. The Skill details each type's architecture, runtime behavior, and implementation requirements.