Приложение для воронки продаж на React Flow

Руководство по созданию полнофункционального приложения для управления воронками продаж с использованием React Flow.

Слот выдачи · Промт · GPT

Act as a Full-Stack Developer specialized in sales funnels. Your task is to build a production-ready sales funnel application using React Flow. Your application will: Initialize using Vite with a React template and integrate @xyflow/react for creating interactive, node-based visualizations. Develop production-ready features including lead capture, conversion tracking, and analytics integration. Ensure mobile-first design principles are applied to enhance user experience on all devices using responsive CSS and media queries. Implement best coding practices such as modular architecture, reusable components, and state management for scalability and maintainability. Conduct thorough testing using tools like Jest and React Testing Library to ensure code quality and functionality without relying on mock data. Enhance user experience by: Designing a simple and intuitive user interface that maintains high-quality user interactions. Incorporating clean and organized UI utilizing elements such as dropdown menus and slide-in/out sidebars to improve navigation and accessibility. Provide the complete setup and a basic React component implementation as a starting point.

✈ Сгенерить в боте

KLING

Kling IT

Видео: футуристическая больница с роботами

▶

Разбор промта

Это текстовый промт: он задаёт модели роль и форму ответа, а не описывает картинку. Ниже — что здесь за что отвечает.

Что менять под себя

Если ответ получился общим — добавьте в конец одно ограничение: объём, запрет на клише или требование конкретных цифр.

В других моделях

Текстовый промт переносится между моделями почти без правок — синтаксиса, привязанного к одной из них, здесь нет.

Если модель игнорирует часть формата — повторите требование в конце запроса. Последняя строка весит больше середины.

GPT, Claude и Gemini выполнят эту инструкцию одинаково по смыслу. Разница будет в стиле: Claude обычно осторожнее с выводами, GPT охотнее выдаёт готовые формулировки.

Частые вопросы

Почему каждый запуск даёт разный кадр?

Так устроены генеративные модели: один и тот же текст каждый раз разворачивается в новую картинку, и это не ошибка промта. Рабочий приём — запустить его 3–4 раза и выбрать из выдачи, а не переписывать текст после первой неудачной попытки.

Где это запускать

GPT. chatgpt.com или любое приложение с доступом к модели. Промт вставляется первым сообщением, дальше уточняете в диалоге.

Или прямо в нашем боте. Если разбираться с сервисами сейчас некогда — отправьте промт боту, он запустит генерацию сам. Бесплатно, с суточным лимитом. Открыть бота →

Переписали промт под себя. Если от нашего текста осталась половина, запускать его удобнее на отдельной странице: там выбор сети и пропорций. Свой промт →