Claude Prompt Library

30 Claude Prompts for Booking Tools

30 copy-paste prompts

Fill the brackets. Claude returns one HTML booking tool as an Artifact: slots, form, confirm. Dummy submit only. Not a live calendar sync and not a payments app.

In short: This page contains 30 copy-paste ready prompts, organized into 6 categories with a description and pro tip for each. The first 5 prompts are free instantly, no signup needed. Hand-curated and tested by the AI Academy team.

By Louis Corneloup · Founder, Techpresso

Last updated September 8, 2026·Hand-curated & tested by the AI Academy team

Slots

5 prompts

Slot Grid

1/30

✨ What it does

Claude builds a slot-grid booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a slot designer <context> I need one self-contained HTML slot-grid booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Slots I can offer: [SLOTS] </inputs> <task> Build a responsive slot-grid booking with these sections: 1. Slots from [SLOTS] only 2. Working pick in JS 3. Dummy continue Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a Tuesday.

Week Calendar

2/30

✨ What it does

Claude builds a week booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a week-calendar designer <context> I need one self-contained HTML week booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Days I work: [DAYS] </inputs> <task> Build a responsive week booking with these sections: 1. Days from [DAYS] 2. Dummy pick 3. Closed days unlabeled as open Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent Sunday hours.

Duration Pick

3/30

✨ What it does

Claude builds a duration booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a duration designer <context> I need one self-contained HTML duration booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Lengths: [LENGTHS] </inputs> <task> Build a responsive duration booking with these sections: 1. Lengths from [LENGTHS] 2. Slots stub 3. Dummy continue Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent 90 min.

Staff Pick

4/30

✨ What it does

Claude builds a staff booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a staff-booking designer <context> I need one self-contained HTML staff booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - People: [PEOPLE] </inputs> <task> Build a responsive staff booking with these sections: 1. People from [PEOPLE] 2. Dummy pick 3. Any-staff option if I said so Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a stylist.

Empty Slots

5/30

✨ What it does

Claude builds a empty booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are an empty-state designer <context> I need one self-contained HTML empty booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Why empty: [WHY] </inputs> <task> Build a responsive empty booking with these sections: 1. Honest empty 2. [WHY] 3. Waitlist dummy Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: No sample 9am.

Form

5 prompts

Guest Form

6/30

✨ What it does

Claude builds a guest booking form for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a form designer <context> I need one self-contained HTML guest booking form I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Fields: [FIELDS] </inputs> <task> Build a responsive guest booking form with these sections: 1. Fields from [FIELDS] 2. Dummy submit 3. Slot summary Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a phone.

Party Size

7/30

✨ What it does

Claude builds a party booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a party designer <context> I need one self-contained HTML party booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Sizes: [SIZES] </inputs> <task> Build a responsive party booking with these sections: 1. Sizes from [SIZES] 2. Slots stub 3. Dummy continue Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a 12-top.

Notes Field

8/30

✨ What it does

Claude builds a notes booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a notes designer <context> I need one self-contained HTML notes booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Slot: [SLOT] - Notes hint: [HINT] </inputs> <task> Build a responsive notes booking with these sections: 1. Slot 2. Notes with [HINT] 3. Dummy submit Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Hint is not a required novel.

Deposit Stub

9/30

✨ What it does

Claude builds a deposit booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a deposit designer <context> I need one self-contained HTML deposit booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Deposit I take: [DEPOSIT OR NONE] </inputs> <task> Build a responsive deposit booking with these sections: 1. Deposit or skip 2. Dummy pay 3. [VERIFY] on amount Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent $20.

Intake Form

10/30

✨ What it does

Claude builds a intake booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are an intake designer <context> I need one self-contained HTML intake booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Questions: [QUESTIONS] </inputs> <task> Build a responsive intake booking with these sections: 1. Questions from [QUESTIONS] 2. Dummy submit 3. Slot stub Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a medical question.

Confirm

5 prompts

Confirm Page

11/30

✨ What it does

Claude builds a confirm booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a confirm designer <context> I need one self-contained HTML confirm booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Slot: [SLOT] - What happens next: [NEXT] </inputs> <task> Build a responsive confirm booking with these sections: 1. Slot 2. [NEXT] 3. No fake calendar file unless I asked Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent an ICS.

Cancel Stub

12/30

✨ What it does

Claude builds a cancel booking for [BOOKING] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a cancel designer <context> I need one self-contained HTML cancel booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [BOOKING] - Rule: [RULE OR VERIFY] </inputs> <task> Build a responsive cancel booking with these sections: 1. Booking stub 2. Rule or [VERIFY] 3. Dummy cancel Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent 24h notice.

Reschedule Stub

13/30

✨ What it does

Claude builds a reschedule booking for [BOOKING] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a reschedule designer <context> I need one self-contained HTML reschedule booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [BOOKING] - New slots: [SLOTS] </inputs> <task> Build a responsive reschedule booking with these sections: 1. Old stub 2. New from [SLOTS] 3. Dummy save Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a slot.

Reminder Note

14/30

✨ What it does

Claude builds a reminder booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a reminder editor <context> I need one self-contained HTML reminder booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - What I send: [SEND OR VERIFY] </inputs> <task> Build a responsive reminder booking with these sections: 1. Confirm 2. Reminder or [VERIFY] Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent an SMS.

No-Show Policy

15/30

✨ What it does

Claude builds a noshow booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a policy editor <context> I need one self-contained HTML noshow booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Policy: [POLICY OR VERIFY] </inputs> <task> Build a responsive noshow booking with these sections: 1. Confirm 2. Policy or [VERIFY] Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a fee.

These prompts give you the what. Tutorials give you the why.

Learn when to use extended thinking, how to build Claude Projects, and workflows that compound. 300+ tutorials and growing.

Try AI Academy Free

Kinds

5 prompts

Clinic Booking

16/30

✨ What it does

Claude builds a clinic booking for [CLINIC] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a clinic designer <context> I need one self-contained HTML clinic booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [CLINIC] - Services: [SERVICES] </inputs> <task> Build a responsive clinic booking with these sections: 1. Services from [SERVICES] 2. Slots stub 3. Dummy submit Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a doctor.

Restaurant Booking

17/30

✨ What it does

Claude builds a restaurant booking for [RESTAURANT] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a restaurant designer <context> I need one self-contained HTML restaurant booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [RESTAURANT] - Times: [TIMES] - Party: [PARTY] </inputs> <task> Build a responsive restaurant booking with these sections: 1. Times from [TIMES] 2. Party 3. Dummy submit Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a patio.

Class Booking

18/30

✨ What it does

Claude builds a class booking for [CLASS] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a class designer <context> I need one self-contained HTML class booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [CLASS] - Sessions: [SESSIONS] </inputs> <task> Build a responsive class booking with these sections: 1. Sessions from [SESSIONS] 2. Dummy book 3. Spots [VERIFY] Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent 3 spots left.

Room Booking

19/30

✨ What it does

Claude builds a room booking for [PLACE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a rooms designer <context> I need one self-contained HTML room booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [PLACE] - Rooms: [ROOMS] </inputs> <task> Build a responsive room booking with these sections: 1. Rooms from [ROOMS] 2. Dummy pick 3. Hours [VERIFY] Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a projector.

Home Visit

20/30

✨ What it does

Claude builds a visit booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a visit designer <context> I need one self-contained HTML visit booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Areas I cover: [AREAS] </inputs> <task> Build a responsive visit booking with these sections: 1. Areas from [AREAS] 2. Dummy address 3. Slot stub Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a zip.

Variants

5 prompts

Multi Service

21/30

✨ What it does

Claude builds a multi-service booking for [BUSINESS] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a multi-service designer <context> I need one self-contained HTML multi-service booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [BUSINESS] - Services: [SERVICES] </inputs> <task> Build a responsive multi-service booking with these sections: 1. Services from [SERVICES] 2. Then slots 3. Dummy continue Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Pick service first.

Timezone Honest

22/30

✨ What it does

Claude builds a timezone booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a tz designer <context> I need one self-contained HTML timezone booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Zone I use: [ZONE OR VERIFY] </inputs> <task> Build a responsive timezone booking with these sections: 1. Zone or [VERIFY] 2. Slots stub Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent America/New_York.

Rebuild Booking

23/30

✨ What it does

Claude builds a rebuilt booking for [CURRENT PASTE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a ruthless editor <context> I need one self-contained HTML rebuilt booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [CURRENT PASTE] - Keep: [KEEP] - Cut: [CUT] </inputs> <task> Build a responsive rebuilt booking with these sections: 1. Diagnose 2. Rebuild 3. Keep [KEEP] Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Paste the current tool.

Mobile Booking

24/30

✨ What it does

Claude builds a mobile booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a mobile designer <context> I need one self-contained HTML mobile booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Slots: [SLOTS] </inputs> <task> Build a responsive mobile booking with these sections: 1. Big slots 2. Sticky continue 3. Dummy submit Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Thumb to a slot.

Embed Stub

25/30

✨ What it does

Claude builds a embed booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are an embed designer <context> I need one self-contained HTML embed booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Slots: [SLOTS] </inputs> <task> Build a responsive embed booking with these sections: 1. Compact widget 2. Slots 3. Dummy continue Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Looks embeddable. Still dummy.

Most people use 10% of Claude. Tutorials unlock the rest.

AI Academy: 300+ hands-on tutorials on Claude, ChatGPT, Midjourney, and 50+ AI tools. New tutorials added every week.

Start Your Free Trial

Fixes

5 prompts

Label Dummy Submit

26/30

✨ What it does

Claude builds a labeled-dummy booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a honesty editor <context> I need one self-contained HTML labeled-dummy booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Slots: [SLOTS] </inputs> <task> Build a responsive labeled-dummy booking with these sections: 1. Rebuild 2. Dummy banner 3. Slots Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: If it cannot book, say so.

A11y Booking

27/30

✨ What it does

Claude builds a accessible booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are an a11y designer <context> I need one self-contained HTML accessible booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Slots: [SLOTS] </inputs> <task> Build a responsive accessible booking with these sections: 1. Radios 2. Focus 3. Slots Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Slots are buttons or radios.

No Fake Availability

28/30

✨ What it does

Claude builds a no-fake-slots booking for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are an avail skeptic <context> I need one self-contained HTML no-fake-slots booking I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Slots: [SLOTS] </inputs> <task> Build a responsive no-fake-slots booking with these sections: 1. Only [SLOTS] 2. Dummy continue Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: No ghost 2pm.

Booking Plus Confirm

29/30

✨ What it does

Claude builds a booking-plus-confirm for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a combo designer <context> I need one self-contained HTML booking-plus-confirm I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Slot: [SLOT] - Next: [NEXT] </inputs> <task> Build a responsive booking-plus-confirm with these sections: 1. Form 2. Confirm Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Next stays short.

Booking Plus Policy

30/30

✨ What it does

Claude builds a booking-plus-policy for [SERVICE] as a working page you can open in the chat. Check every [VERIFY] against your facts, then save the HTML and publish.

You are a combo designer <context> I need one self-contained HTML booking-plus-policy I can open in this chat as an Artifact. One file. Inline CSS. Google Fonts only. Real copy, no lorem ipsum. </context> <inputs> - Primary: [SERVICE] - Slots: [SLOTS] - Policy: [POLICY OR VERIFY] </inputs> <task> Build a responsive booking-plus-policy with these sections: 1. Slots 2. Policy or [VERIFY] Use vanilla JS only if a control must actually work. </task> <constraints> - One self-contained HTML file. No build step, no frameworks. - Do not invent metrics, customers, prices, or dates. Mark gaps as [VERIFY]. - Semantic accessible markup, visible focus, labeled placeholders I can swap. - No We are passionate, unlock your potential, or in today's world. </constraints> <format> Return the full HTML as an Artifact, then name the one sentence a visitor should remember. </format>

💡

Pro tip: Do not invent a fee.

Free tool

Prompt Optimizer

Turn a rough idea into a structured, professional AI prompt.

Try it free →

Frequently Asked Questions

No. Every prompt tells Claude to mark missing facts as [VERIFY] instead of inventing customers, prices, or dates on the booking tool. You still review the Artifact before you publish.

Use Claude with Artifacts (claude.ai or the desktop app). Paste a prompt, fill the brackets, and open the HTML Artifact in the chat. Download the file when it looks right.

Yes, it is one self-contained file with inline CSS. Swap photo placeholders and [VERIFY] lines, then host it. It is a working first page, not a production design system.

The prompts are free to copy. Generating Artifacts needs a Claude plan that can create them. The free tier has limits. Paid plans run more generously.

The hub covers a whole site. This page is only the booking tool: thirty prompts, one job, so the Artifact stays on that page instead of turning into a generic homepage.

Prompts are the starting line. Tutorials are the finish.

A growing library of 300+ hands-on tutorials on ChatGPT, Claude, Midjourney, and 50+ AI tools. New tutorials added every week.

Start 7-Day Free Trial Explore AI for Entrepreneurs

7-day free trial. Cancel anytime.

Browse All Claude Prompt Collections Browse All Prompt Collections

Popular prompt collections

AI Photo Editing Prompts ChatGPT Jailbreak Prompt Best ChatGPT Prompts Funny Hinge Prompts ChatGPT Caricature Prompts