Prompts de vibe coding

Commerce · Beginner

Web de restaurante con reservas

Une identidad, carta y un flujo de reserva con disponibilidad y estados reales.

Vibe Codingv0LovableBolt

Plantilla de prompt para copiar

La plantilla técnica se mantiene en inglés para usarla directamente con los agentes compatibles. La explicación, selección y comprobaciones están localizadas.

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.

Personaliza antes de usar

Sustituye todas las variables, elimina funciones innecesarias y añade contenido real, límites técnicos y criterios de aceptación.

  • 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

Revisa el resultado de forma sistemática

Comprueba móvil, teclado, estados de carga, vacío y error, además del flujo principal con datos realistas.

Buscar una herramienta IA

Fuente y mantenimiento

Recursos relacionados