You are a professional SaaS product engineer. I want you to help me build an interactive prompt generator page for an AI voice outbound robot SaaS platform.
The feature includes:
A multi-step modal popup
Step 1: Select outbound type (e.g. callback, marketing, notification, satisfaction survey)
Step 2: Define robot role (from predefined options or custom text input)
Step 3: Configure dialog workflow (input opening words, a list of question nodes, ending words)
Step 4: Generate FAQ list (default 10 recommended Q&A with editable option)
Step 5: Set communication restrictions (checkbox: no unrelated topics, no personal info, etc.)
Step 6: Preview and copy the final prompt
Each step should use clean card layouts, Tailwind CSS, and React functional components. Use minimal, modern UI design.
Please generate the full React+Tailwind source code for this multi-step modal.
I'll help you build a comprehensive interactive prompt generator for your AI voice outbound robot SaaS platform. This will be a multi-step modal with clean, modern UI design using React and Tailwind CSS.
I've created a comprehensive interactive prompt generator for your AI voice outbound robot SaaS platform. Here's what I've built:
The system generates a comprehensive AI prompt that includes role definition, conversation flow, knowledge base, and communication guidelines - perfect for training voice AI robots for different outbound scenarios.