예약 시스템과 감각적인 디자인이 필요한 서비스의 반응형 웹 애플리케이션을 개발할 때 유용합니다.
Act as a Web Developer specializing in responsive and visually captivating web applications. You are tasked with creating a web app for a tattoo studio that allows users to book appointments seamlessly on both mobile and desktop devices. Your task is to: - Develop a user-friendly interface with a modern, tattoo-themed design. - Implement a booking system where users can select available dates and times and input their name, surname, phone number, and a brief description for their appointment. - Ensure that the admin can log in and view all appointments. - Design the UI to be attractive and engaging, utilizing animations and modern design techniques. - Consider the potential need to send messages to users via WhatsApp. - Ensure the application can be easily deployed on platforms like Vercel, Netlify, Railway, or Render, and incorporate a database for managing bookings. Rules: - Use technologies suited for both mobile and desktop compatibility. - Prioritize a design that is both functional and aesthetically aligned with tattoo art. - Implement security best practices for user data management.
반응형 및 시각적으로 매력적인 웹 애플리케이션을 전문으로 하는 웹 개발자로서 역할하세요. 당신의 임무는 사용자가 모바일과 데스크톱 기기 모두에서 원활하게 예약을 진행할 수 있는 타투 스튜디오용 웹 앱을 만드는 것입니다. 당신의 과제는 다음과 같습니다: - 현대적이고 타투 테마의 디자인을 갖춘 사용자 친화적인 인터페이스를 개발하세요. - 사용자가 이용 가능한 날짜와 시간을 선택하고 이름, 성, 전화번호, 예약에 대한 간단한 설명을 입력할 수 있는 예약 시스템을 구현하세요. - 관리자가 로그인하여 모든 예약을 조회할 수 있도록 하세요. - 애니메이션과 현대적인 디자인 기법을 활용하여 UI를 매력적이고 몰입도 높게 설계하세요. - WhatsApp을 통해 사용자에게 메시지를 보낼 가능성을 고려하세요. - Vercel, Netlify, Railway 또는 Render와 같은 플랫폼에 쉽게 배포할 수 있도록 하고, 예약 관리를 위한 데이터베이스를 포함하세요. 규칙: - 모바일 및 데스크톱 호환성 모두에 적합한 기술을 사용하세요. - 기능적이면서도 타투 아트와 미학적으로 조화를 이루는 디자인을 우선시하세요. - 사용자 데이터 관리를 위한 보안 모범 사례를 구현하세요.
출처 · prompts.chat · Tattoo Studio Booking Web App Development — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 프롬프트를 실행해 생성한 화면입니다. 화면 안에서 직접 조작하실 수 있습니다.
TPI 타투 스튜디오의 웹 애플리케이션으로, 고객의 포트폴리오 탐색과 아티스트별 예약 신청, 그리고 관리자의 일정 관리 및 TPI 메시지 발송 시뮬레이션을 한 페이지에 구축했습니다. 모바일과 데스크톱 화면에서 아티스트 카드와 작품 레이아웃이 절단 없이 유연하게 반응하며, 모든 버튼과 탭이 직관적인 모달 및 자동 입력 기능으로 연결되도록 개선했습니다.
Act as a Web Developer specializing in responsive and visually captivating web applications. You are tasked with creating a web app for TPI 타투 스튜디오 that allows users to book appointments seamlessly on both mobile and desktop devices. Your task is to: - Develop a user-friendly interface with a modern, tattoo-themed design. - Implement a booking system where users can select available dates and times and input their name, surname, phone number, and a brief description for their appointment. - Ensure that the admin can log in and view all appointments. - Design the UI to be attractive and engaging, utilizing animations and modern design techniques. - Consider the potential need to send messages to users via TPI 메시지 알림. - Ensure the application can be easily deployed on platforms like Vercel, Netlify, Railway, or Render, and incorporate a database for managing bookings. Rules: - Use technologies suited for both mobile and desktop compatibility. - Prioritize a design that is both functional and aesthetically aligned with tattoo art. - Implement security best practices for user data management.
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
Act as a Web Developer specializing in responsive and visually captivating web applications. You are tasked with creating a web app for mopick 타투 스튜디오 that allows users to book appointments seamlessly on both mobile and desktop devices. Your task is to: - Develop a user-friendly interface with a modern, tattoo-themed design. - Implement a booking system where users can select available dates and times and input their name, surname, phone number, and a brief description for their appointment. - Ensure that the admin can log in and view all appointments. - Design the UI to be attractive and engaging, utilizing animations and modern design techniques. - Consider the potential need to send messages to users via mopick 메시지 알림. - Ensure the application can be easily deployed on platforms like Vercel, Netlify, Railway, or Render, and incorporate a database for managing bookings. Rules: - Use technologies suited for both mobile and desktop compatibility. - Prioritize a design that is both functional and aesthetically aligned with tattoo art. - Implement security best practices for user data management.
mopick 타투 스튜디오의 웹 애플리케이션으로, 고객의 포트폴리오 탐색과 아티스트별 예약 신청, 그리고 관리자의 일정 관리 및 mopick 메시지 발송 시뮬레이션을 한 페이지에 구축했습니다. 모바일과 데스크톱 화면에서 아티스트 카드와 작품 레이아웃이 절단 없이 유연하게 반응하며, 모든 버튼과 탭이 직관적인 모달 및 자동 입력 기능으로 연결되도록 개선했습니다.
mopick 개선안
원문을 그대로 넣으면 AI 가 매번 다르게 답하거나 중요한 부분을 빠뜨릴 수 있습니다. 개선안은 원문의 뜻과 언어는 그대로 두고 역할 · 바꿔 넣을 입력 칸 · 결과 형식 · 지킬 조건을 보완해 다시 쓴 버전입니다. 원문과 같은 곳(ChatGPT · Claude 등)에 그대로 붙여 넣어 쓰면 됩니다.
AI 평가 점수 — 명확성 · 구체성 · 결과 형식 · 재사용성 기준(100점)
입력 칸레슨 05 배우기 ›
원문 · 없음바꿔 넣을 자리가 표시돼 있지 않아 쓸 때마다 원문을 직접 고쳐야 했습니다.
개선 · 3개[Studio Name] · [e.g., Next.js, React, Tailwind CSS, Supabase/PostgreSQL] · [Vercel / Netlify / Railway / Render]
작업 순서레슨 07 배우기 ›
원문 · 없음작업 순서가 정해져 있지 않아 AI 가 순서를 스스로 정해야 했습니다.
개선 · 6단계
이 개선안에 쓰인 기법 — 프롬프트 클래스에서 배우기
원문
Act as a Web Developer specializing in responsive and visually captivating web applications. You are tasked with creating a web app for a tattoo studio that allows users to book appointments seamlessly on both mobile and desktop devices. Your task is to: - Develop a user-friendly interface with a modern, tattoo-themed design. - Implement a booking system where users can select available dates and times and input their name, surname, phone number, and a brief description for their appointment. - Ensure that the admin can log in and view all appointments. - Design the UI to be attractive and engaging, utilizing animations and modern design techniques. - Consider the potential need to send messages to users via WhatsApp. - Ensure the application can be easily deployed on platforms like Vercel, Netlify, Railway, or Render, and incorporate a database for managing bookings. Rules: - Use technologies suited for both mobile and desktop compatibility. - Prioritize a design that is both functional and aesthetically aligned with tattoo art. - Implement security best practices for user data management.
개선안 · 색칠한 [칸]에 내 내용을 넣어 쓰세요
Act as a Senior Full-Stack Web Developer specializing in responsive, visually compelling web applications. Create a booking web application for a tattoo studio named [Studio Name]. ### Core Task & Requirements: 1. **User Booking Flow:** - Responsive UI (Mobile/Desktop) with a modern, tattoo-themed dark aesthetic and smooth animations. - Booking form: Name, Surname, Phone Number, Date/Time selection, and Brief Tattoo Description. - Integration hook/logic for sending WhatsApp confirmation messages. 2. **Admin Dashboard:** - Secure authentication for admin login. - Dashboard view to inspect, filter, and manage all booked appointments. 3. **Tech Stack & Deployment:** - Stack: [e.g., Next.js, React, Tailwind CSS, Supabase/PostgreSQL] - Optimized for quick deployment on platforms like [Vercel / Netlify / Railway / Render]. ### Expected Output Format: 1. **Architecture & Schema:** Folder structure and database schema definition. 2. **Core Code Snippets:** Key components (Booking Form, Admin Dashboard, and API route for booking logic). 3. **Deployment Steps:** Brief guide to set up environment variables and deploy. ### Rules: - Strictly adhere to data privacy and input validation best practices. - Ensure UI is fully responsive and aesthetically aligned with tattoo art culture.