MVP 레이아웃 디자이너

요약

드래그 앤 드롭으로 MVP 레이아웃을 만드는 웹앱.

프롬프트

스타트업이 드래그 앤 드롭 요소를 사용하여 MVP 레이아웃을 생성하고 시각화할 수 있는 간단한 웹 애플리케이션을 만드세요.

### 기능
- 애플리케이션은 스타트업이 버튼, 텍스트 필드, 이미지 등의 요소를 드래그 앤 드롭하여 MVP 레이아웃을 디자인할 수 있는 사용자 친화적인 인터페이스를 제공해야 합니다.
- 사용자들은 작업을 저장하거나, 생성된 레이아웃을 내보내거나, 애플리케이션에서 직접 게시할 수 있어야 합니다.
- 드래그 앤 드롭 기능은 직관적이어야 하며, 사용자가 디자인 캔버스 상에서 요소들을 쉽게 조작할 수 있도록 해야 합니다.

### 레이아웃
- 애플리케이션은 사용자가 선택한 요소들을 배치할 수 있는 메인 디자인 캔버스 영역을 가져야 합니다.
- 사이드바나 툴바를 통해(버튼, 텍스트 필드, 이미지 등) 모든 사용 가능한 요소들을 나열해야 합니다.
- ‘저장’, ‘내보내기’, ‘게시’ 등의 작업을 쉽게 접근할 수 있도록 상단 메뉴나 도구 패널을 제공해야 합니다.

### 상호작용
- 사용자가 요소를 캔버스에 드래그할 때 즉각적인 시각적 피드백을 받을 수 있도록 해야 합니다.
- 사용자들이 저장하거나 내보내기 전에 레이아웃 디자인을 미리 볼 수 있는 기능을 구현하세요.

### 모범 사례
- 사용자 경험을 향상시키기 위해 깔끔하고 정돈된 UI를 유지하세요.
- 필요시 레이아웃이 다양한 화면 크기에 맞게 조정될 수 있도록 동적 크기 조정을 구현하세요.
- 다양한 기기에서 사용성을 보장하기 위해 반응형 디자인 원칙을 고려하세요.
- 무단 접근을 방지하기 위해 보안 기능을 포함하십시오.
- 드래그 앤 드롭 동작 시 지연 없이 부드럽게 실행되어야 합니다.

원본 프롬프트

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


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

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

생성 비용 요약

모델 이름: o3-mini-high

응답 시간: 62.60 sec.

결과 토큰: 8,724

비용: $0.03907640