Prompts de vibe coding

Commerce · Intermediate

Ficha de producto ecommerce

Crea una página persuasiva con variantes, entrega, pruebas y una decisión de compra clara.

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.

Build a responsive product detail page for [PRODUCT], made by [BRAND] for [TARGET CUSTOMER]. The primary purchase reason is [CORE BENEFIT].

Above the fold:
- Product gallery with thumbnail navigation, meaningful alt text, zoom, and a clear placeholder treatment.
- Product name, concise value proposition, rating summary labeled as sample data, price, payment information, and stock status.
- Variant selectors for [VARIANTS] that make unavailable combinations obvious.
- Quantity, Add to cart, delivery estimate for [DEFAULT LOCATION], returns summary, and secure checkout reassurance.

Supporting content:
- Benefit-led product story with concrete specifications.
- Comparison or “why this version” section when it helps the decision.
- Materials, dimensions, care, delivery, returns, and warranty in scannable disclosure sections.
- Reviews breakdown and a small set of believable sample reviews clearly labeled as examples.
- Related products that explain why each recommendation is relevant.

Behavior and quality:
- Updating a variant must update price, stock, gallery, and delivery message consistently.
- Include out-of-stock, low-stock, invalid combination, cart loading, cart error, and cart success states.
- Keep the purchase controls usable on mobile without obscuring content.
- Do not use fake scarcity timers, misleading discounts, or unsupported sustainability claims.

Art direction: [ART DIRECTION]. Use a coherent commerce design system with clear hierarchy and accessible controls.

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.

  • PRODUCT / BRAND — Arc Daypack / Northline
  • TARGET CUSTOMER — urban commuters who carry a laptop and gym kit
  • CORE BENEFIT — organized capacity without a bulky silhouette
  • VARIANTS — color and size
  • DEFAULT LOCATION — United Kingdom
  • ART DIRECTION — technical outdoor catalogue with crisp macro 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