Commerce · Beginner
餐厅网站与预约流程提示词
结合餐厅氛围、菜单和包含真实可用状态的预约流程。
Vibe Codingv0LovableBolt
可复制的提示词模板
技术模板保留英文,便于直接用于兼容的编程 Agent;页面说明、选型建议和检查步骤均已中文本地化。
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.
使用前先完成定制
替换所有变量,删除不需要的功能,并加入真实内容、技术限制和明确的验收条件。
- 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
系统检查生成结果
检查移动端、键盘操作、加载、空数据与错误状态,并使用真实数据完成核心流程。
选择 AI 编程工具