A hair salon website with stylist profiles, service menu, online booking by stylist, portfolio gallery, and gift cards.
The prompt
Copy this prompt and paste it into Claude, Cursor, ChatGPT, Codex, or any AI tool connected to Hatchable via MCP.
Build a hair salon website. The homepage has a stylish hero with a salon interior shot, the salon name, and "Book an Appointment" button. Include a Services page with: Haircut (women's, men's, children's), Color (single process, highlights, balayage, color correction), Styling (blowout, updo, special occasion), Treatments (deep conditioning, keratin, scalp treatment), Extensions — each with description, starting price, and estimated duration. Add a Stylists page with profiles: name, photo, specialties, years of experience, Instagram link, and a "Book with [Name]" button. Include an Online Booking system: select stylist (or no preference), select service, choose date, pick from available time slots, add notes (inspiration photos, current hair situation), and enter name, email, and phone. The owner logs in to manage stylist schedules, view appointments, and update services. Include a Gallery page showcasing work organized by style type. Gift Cards section. About page with salon story and vibe. Contact page with address, phone, hours, and map. Trendy, fashion-forward design. Deploy it on Hatchable when done.
How to use this template
Connect Hatchable to your AI tool
Add Hatchable as an MCP server in your AI tool of choice. You'll need your API key from Console → Settings. See our setup guides for Claude Code, Cursor, or Codex.
Copy the prompt and paste it
Hit the Copy button above, switch to your AI tool, and paste. The prompt is written to produce a complete, deployable app using Hatchable's platform features.
Your AI builds and deploys it
Your AI writes the code, creates a project on Hatchable, and deploys it. You'll get a live URL you can share immediately — no server setup, no billing.
Customize it
After the initial build, try asking your AI to add any of these:
Add a virtual hair color try-on tool
Include a new client special offer banner
Add a hair care product shop
Include a referral rewards program tracker
Build this app for free
Sign up, grab your API key, and paste this prompt into your AI tool.