Vibe-Coding-Prompts

Commerce · Beginner

Restaurant-Website mit Reservierung

Verbindet Atmosphäre, Speisekarte und einen Reservierungsablauf mit echten Verfügbarkeitszuständen.

Vibe Codingv0LovableBolt

Kopierbare Prompt-Vorlage

Die technische Vorlage bleibt auf Englisch, damit sie direkt mit den unterstützten Coding-Agenten funktioniert. Erklärung, Auswahlhilfe und Prüfschritte sind lokalisiert.

Design and build a responsive website for [RESTAURANT NAME], a [CUISINE / CONCEPT] restaurant in [LOCATION]. The site should make the atmosphere tangible while helping guests decide and reserve quickly.

Include:
- Hero with a concise point of view, opening status, location, and Reserve a table CTA.
- A seasonal highlights section with [NUMBER] dishes, descriptions, dietary labels, and realistic prices.
- A complete menu organized for scanning on mobile; avoid presenting the menu only as a PDF.
- The story of the restaurant, chef, sourcing, and what makes the experience distinctive.
- Essential visit information: hours, address, transit/parking, accessibility, dress guidance, and contact.
- Reservation flow for date, time, party size, contact details, dietary/accessibility notes, review, and confirmation.

Reservation behavior:
- Show believable available and unavailable times.
- Handle parties larger than [MAX ONLINE PARTY] by offering a direct contact path.
- Preserve form progress, validate inputs clearly, and include loading, no-availability, error, and success states.

Art direction: [ART DIRECTION]. Use an editorial layout and restrained transitions. Prioritize readable menus, strong image art direction, and local details over generic luxury styling.

Use semantic HTML, accessible forms, visible focus states, and excellent mobile tap targets.

Vor dem Einsatz anpassen

Ersetze alle Variablen, entferne unnötige Funktionen und ergänze echte Inhalte, technische Grenzen und Abnahmekriterien.

  • RESTAURANT NAME — Field & Ember
  • CUISINE / CONCEPT — seasonal wood-fired neighborhood kitchen
  • LOCATION — Bristol
  • NUMBER — 6
  • MAX ONLINE PARTY — 8
  • ART DIRECTION — charcoal, bone, tomato red; documentary food photography

Ergebnis systematisch prüfen

Teste Mobilansicht, Tastaturbedienung, Lade-, Leer- und Fehlerzustände sowie den wichtigsten Ablauf mit realistischen Daten.

KI-Tool finden

Quelle und Pflege

Ähnliche Ressourcen