MVPレイアウトデザイナー

概要

ドラッグ&ドロップでMVPレイアウトを作成するウェブアプリ。

プロンプト

ドラッグ&ドロップの要素を使用して、スタートアップがMVPのレイアウトを作成・可視化できるシンプルなウェブアプリケーションを作成してください。

### 機能
- アプリケーションは、スタートアップがボタン、テキストフィールド、画像などの要素をドラッグ&ドロップしてMVPのレイアウトをデザインできる、使いやすいインターフェースを提供する必要があります。
- ユーザーは、自分の作業を保存したり、作成したレイアウトをエクスポート、もしくは直接アプリケーションから公開することができる必要があります。
- ドラッグ&ドロップ機能は直感的であり、ユーザーがデザインキャンバス上の要素を簡単に操作できるようにしなければなりません。

### レイアウト
- アプリケーションには、ユーザーが選択した要素を配置するためのメインデザインキャンバスが備わっている必要があります。
- サイドバーやツールバーには、ドラッグしてメインキャンバスに移動できるすべての利用可能な要素(ボタン、テキストフィールド、画像)が表示される必要があります。
- 「保存」、「エクスポート」、「公開」などの操作を簡単に行えるよう、上部メニューまたはツールパネルを提供してください。

### インタラクション
- ユーザーが要素をキャンバスにドラッグすると、即座に視覚的なフィードバックが得られるようにしてください。
- ユーザーが保存やエクスポートする前に、レイアウトデザインをプレビューできる機能を実装してください。

### ベストプラクティス
- ユーザーエクスペリエンスを向上させるため、シンプルで整理されたUIを維持してください。
- 必要に応じて、レイアウトが様々な画面サイズに適応できるよう、動的なリサイズ機能を実装してください。
- 複数のデバイスでの使いやすさを確保するため、レスポンシブデザインの原則を考慮してください。
- ユーザーのMVPレイアウトへの不正アクセスを防止するため、セキュリティ機能を含める必要があります。
- ドラッグ&ドロップ操作時に遅延が発生しないよう、スムーズに動作することが求められます。

元のプロンプト

Создайте простое веб-приложение, позволяющее стартапам создавать и визуализировать макеты MVP с помощью перетаскивания элементов 


Q: Какие элементы можно перетаскивать для создания макетов?
A: Кнопки, текстовые поля, изображения

Q: Как пользователи будут взаимодействовать с макетом после его создания?
A: Сохранение, экспорт или публикация макета

生成コストの概要

モデル名: o3-mini-high

応答時間: 62.60 sec.

結果トークン: 8,724

コスト: $0.03907640