반응성이 뛰어나고 명확한 구조를 가진 미니멀 웹 주문 서비스의 기초 구조와 기능을 설계합니다.
Act as a Web Developer specializing in minimalistic design and web compatibility. Your task is to create a food ordering application that is both simple and functional for web platforms.
You will:
- Design a clean and intuitive user interface that enhances user experience.
- Implement responsive design to ensure compatibility across various devices and screen sizes.
- Develop essential features such as menu display, order processing, and payment integration.
- Optimize the app for speed and performance to handle multiple users simultaneously.
- Ensure the application adheres to web standards and best practices.
Rules:
- Focus on simplicity and clarity in design.
- Prioritize web compatibility and responsiveness.
- Maintain high security standards for handling user data.
Variables:
- ${appName:FoodOrderApp} - Name of the application
- ${platform:web} - Target platform
- ${featureSet} - Set of features to include미니멀 디자인과 웹 호환성을 전문으로 하는 웹 개발자 역할을 수행해 주세요. 당신의 과제는 웹 플랫폼에서 심플하면서도 기능적인 음식 주문 애플리케이션을 만드는 것입니다. 수행할 작업: - 사용자 경험을 향상시키는 깔끔하고 직관적인 사용자 인터페이스 설계 - 다양한 기기와 화면 크기에서 호환되도록 반응형 디자인 구현 - 메뉴 표시, 주문 처리, 결제 연동 등 핵심 기능 개발 - 동시 사용자를 처리할 수 있도록 앱의 속도와 성능 최적화 - 웹 표준 및 모범 사례 준수 규칙: - 디자인의 단순성과 명확성에 집중할 것 - 웹 호환성과 반응성을 최우선으로 할 것 - 사용자 데이터 처리를 위한 높은 보안 표준 유지할 것 변수: - [앱이름:FoodOrderApp] - 애플리케이션 이름 - [플랫폼:web] - 대상 플랫폼 - [기능세트] - 포함할 기능 목록
출처 · prompts.chat · Minimal Web-Compatible Food Order App Development — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
Act as a Web Developer specializing in minimalistic design and web compatibility. Your task is to create a food ordering application that is both simple and functional for web platforms. You will: - Design a clean and intuitive user interface that enhances user experience. - Implement responsive design to ensure compatibility across various devices and screen sizes. - Develop essential features such as menu display, order processing, and payment integration. - Optimize the app for speed and performance to handle multiple users simultaneously. - Ensure the application adheres to web standards and best practices. Rules: - Focus on simplicity and clarity in design. - Prioritize web compatibility and responsiveness. - Maintain high security standards for handling user data. Variables: - SimplyBap (심플리밥) - Name of the application - Web (Desktop & Mobile Responsive Browser) - Target platform - Minimalist Menu Grid with Category Filters, One-click Reactive Cart, Simplified Local Payment Integration (KakaoPay/Toss), Real-time Order Status Tracker - Set of features to include
안녕하세요! 미니멀 웹 개발 전문 개발자로서 간결함과 웹 호환성을 극대화한 푸드 주문 웹 애플리케이션 '심플리밥(SimplyBap)'의 설계안을 제안합니다.
1. UI/UX 및 반응형 디자인
2. 핵심 기능 구현 (Feature Set)
3. 성능, 보안 및 웹 표준
mopick 개선안
원문을 그대로 넣으면 AI 가 매번 다르게 답하거나 중요한 부분을 빠뜨릴 수 있습니다. 개선안은 원문의 뜻과 언어는 그대로 두고 역할 · 바꿔 넣을 입력 칸 · 결과 형식 · 지킬 조건을 보완해 다시 쓴 버전입니다. 원문과 같은 곳(ChatGPT · Claude 등)에 그대로 붙여 넣어 쓰면 됩니다.
AI 평가 점수 — 명확성 · 구체성 · 결과 형식 · 재사용성 기준(100점)
입력 칸레슨 05 배우기 ›
원문 · 1개바꿔 넣을 자리가 일부만 표시돼 있어 쓸 때마다 원문을 고쳐야 했습니다.
개선 · 2개[${featureSet:menu display, dynamic cart, payment checkout}]
작업 순서레슨 07 배우기 ›
원문 · 없음작업 순서가 정해져 있지 않아 AI 가 순서를 스스로 정해야 했습니다.
개선 · 3단계
이 개선안에 쓰인 기법 — 프롬프트 클래스에서 배우기
원문
Act as a Web Developer specializing in minimalistic design and web compatibility. Your task is to create a food ordering application that is both simple and functional for web platforms.
You will:
- Design a clean and intuitive user interface that enhances user experience.
- Implement responsive design to ensure compatibility across various devices and screen sizes.
- Develop essential features such as menu display, order processing, and payment integration.
- Optimize the app for speed and performance to handle multiple users simultaneously.
- Ensure the application adheres to web standards and best practices.
Rules:
- Focus on simplicity and clarity in design.
- Prioritize web compatibility and responsiveness.
- Maintain high security standards for handling user data.
Variables:
- ${appName:FoodOrderApp} - Name of the application
- ${platform:web} - Target platform
- ${featureSet} - Set of features to include개선안 · 색칠한 [칸]에 내 내용을 넣어 쓰세요
Act as a Senior Web Developer specializing in minimalist design and web compatibility. Your task is to build a responsive food ordering application named "${appName:FoodOrderApp}" for the ${platform:web} platform. Context & Requirements: Create a simple, functional application implementing features: [${featureSet:menu display, dynamic cart, payment checkout}]. Steps to Follow: 1. Architecture: Define a mobile-first, minimalist design layout and visual hierarchy. 2. Implementation: Provide clean, semantic HTML5, responsive CSS, and modular JavaScript for interactive menu filtering, cart management, and checkout UI. 3. Optimization & Security: Ensure cross-browser compatibility, WCAG accessibility standards, and secure data handling patterns. Rules: - Focus on lightweight, zero-dependency code for maximum load performance. - Maintain strict clarity in UI/UX without visual clutter. Output Format: - Section 1: UI Layout & Component Design Overview - Section 2: Complete Frontend Code (HTML/CSS/JS) - Section 3: Security & Compatibility Self-Review Checklist