Skip to main content
Prompts Tattoo Studio Booking Web App Creator

model coding user risk: low

Tattoo Studio Booking Web App Creator

The prompt tasks the model with developing a responsive web app for a tattoo studio, including a user booking system for dates, times, and personal details, admin login to view app…

PROMPT 

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.

ROLES & RULES

Role assignments

  • Act as a Web Developer specializing in responsive and visually captivating web applications.
  1. Use technologies suited for both mobile and desktop compatibility.
  2. Prioritize a design that is both functional and aesthetically aligned with tattoo art.
  3. Implement security best practices for user data management.

EXPECTED OUTPUT

Format
code

SUCCESS CRITERIA

  • 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.

FAILURE MODES

  • May overemphasize visual design over core booking functionality.
  • Might select technologies incompatible with specified deployment platforms.
  • Could inadequately address admin login or data security.

CAVEATS

Missing context
  • Specific frontend/backend frameworks (e.g., React, Next.js).
  • Database choice (e.g., Firebase, Supabase).
  • Authentication system details.
  • WhatsApp integration method (e.g., API, link).
  • Output format (e.g., single HTML file, multi-file repo structure).
  • Exact pages/components list.
Ambiguities
  • 'Use technologies suited for both mobile and desktop compatibility' does not specify exact tech stack.
  • 'Consider the potential need to send messages to users via WhatsApp' is vague on implementation.
  • 'Implement security best practices' lacks specifics on what practices.
  • No details on admin login mechanism or credentials.

QUALITY

OVERALL
0.60
CLARITY
0.85
SPECIFICITY
0.65
REUSABILITY
0.25
COMPLETENESS
0.60

IMPROVEMENT SUGGESTIONS

  • Specify a tech stack: 'Use Next.js for frontend/backend, Tailwind CSS for styling, and Supabase for database and auth.'
  • Make it template-like: Replace 'tattoo studio' with a placeholder like '{studio_name}' and '{theme}'.
  • Clarify output: 'Provide the complete code as a deployable Next.js app with folder structure.'
  • Detail WhatsApp: 'Include a button that generates a WhatsApp link with appointment details.'
  • List key features explicitly: 'Include calendar picker for dates, time slots, form validation.'

USAGE

Copy the prompt above and paste it into your AI of choice — Claude, ChatGPT, Gemini, or anywhere else you're working. Replace any placeholder sections with your own context, then ask for the output.

MORE FOR MODEL