--- name: tarjetas-de-fidelidad-bonitas description: Diseñar al menos 12 versiones de la tarjeta de fidelidad de un comercio concreto (sellos, niveles, puntos), con sus imágenes reales (logo, fotos de sus productos), generadas por el servidor MCP de StampyWallet, revisadas una a una, y presentarlas después en una lámina numerada para que elija. Úsalo cuando te pidan «hazme una tarjeta de fidelidad», «propón diseños de tarjeta para este comercio», «haz esta tarjeta más bonita». version: 1.0 --- # Tarjetas de fidelidad bonitas Objetivo: que el comerciante reconozca SU comercio a primera vista. Una tarjeta genérica (estrellas, fondo liso, «Un servicio gratis») no le apetece a nadie; su logo, su color y su producto estrella, sí. Este skill se apoya en el servidor MCP de StampyWallet (`https://app.stampywallet.com/mcp`), herramienta `concevoir_carte`: genera una imagen real de tarjeta de Apple Wallet y Google Wallet, sin cuenta y sin guardar nada. Sin este servidor, describe las tarjetas en texto y díselo a la persona. Regla de oro: **parte siempre de las imágenes reales del comercio.** Una ilustración inventada solo llega como último recurso, y se dice. ## 1. Conocer el comercio Antes de diseñar, reúne: - su nombre exacto, su sector, su ciudad; - lo que destaca: producto estrella, ambiente, colores de su fachada o de su logo, tono de su comunicación; - su recompensa actual si ya tiene una tarjeta de cartón (se mantiene en al menos una versión); - el idioma de sus clientes (la tarjeta se escribe en ese idioma). Fuentes: su web, su ficha de Google, sus redes sociales públicas, o simplemente lo que te cuente la persona. Pregunta si falta lo esencial (el nombre, el sector); para el resto, propón. ## 2. Encontrar sus imágenes reales En este orden: 1. **Su logo**: en su web (cabecera, favicon en grande), su foto de perfil en redes, o un archivo que te dé la persona. 2. **Sus productos**: las fotos de su web o de sus publicaciones, para ilustrar cada recompensa (el cruasán, el tratamiento, el ramo). 3. **Sus colores**: sacados del logo o de la fachada. Las imágenes se pasan a `concevoir_carte` por su dirección **https** (PNG, JPEG o WebP, 5 MB como máximo): - `logo_url`: el logo, colocado en la parte superior de la tarjeta; si no se indica un color, la tarjeta toma los colores del logo; - `paliers[].image_url`: la foto de una recompensa (64 px de lado como mínimo), recortada, en gris antes de ganarla y en color después. Las imágenes de un comerciante sirven para SU tarjeta, la que se le propone. No las publiques en ningún otro sitio. ### Cuando sus fotos no encajan Una foto borrosa, una foto del equipo para «Envío gratis», un detalle ilegible una vez reducido: no lo fuerces. Usa un icono o una ilustración que cuente la recompensa a primera vista (una rosa para «una rosa de regalo», una furgoneta para el envío), con licencia clara: - iconos **Lucide**, **Phosphor**, **Tabler** (licencias MIT o ISC), recoloreados con los colores del comercio; - fotos e ilustraciones de **Unsplash** o **Pexels**. Anota la fuente de cada imagen. Nunca las presentes como fotos del comercio. O usa simplemente el icono integrado del nivel (`paliers[].icone`: cafe, croissant, fleur, ciseaux, cadeau…). ## 3. Generar al menos 12 versiones, de todos los tipos El comerciante tiene que ver TODO lo que se puede hacer, con sus colores y sus imágenes, no cuatro variantes de un mismo tipo. Una versión por forma, catorce en total: | Modo (`mode`) | Formas (`forme`) | |---|---| | `tampons`: una recompensa al final | `grille`, `cercles`, `libre`, `objets` | | `paliers`: varias recompensas | `chemin`, `vitrine`, `medailles`, `remplissage`, `anneau` | | `points`: según el importe | `remplissage`, `anneau`, `chemin`, `vitrine`, `medailles` | Varía también, a lo largo de las versiones: - la colección (`collection`: `pass`, `cafe`, `botanique`, `original`, `trattoria`, `atelier`), la `palette` o un `couleur` libre; - claro y oscuro; - el sello (`tampon`: un icono del sector, `rond` para el simple); - con su logo, con la foto de su producto como recompensa. Recompensas: con SU vocabulario («10.ª clase gratis», «un ramo de temporada»). En niveles y en puntos, umbrales realistas, indicados como sugerencia; al menos una versión mantiene exactamente su recompensa actual si tiene una. Para una vista previa que hable por sí sola, ajusta `tampons_poses` (una tarjeta empezada). `variantes: true` genera además las otras paletas de una colección. Si una forma queda mal para este comercio (texto demasiado largo, solapamiento): corrígela (texto más corto, otra colección) o, si no, sustitúyela por una variante de otro estilo, y dilo. ## 4. Revisar cada tarjeta, en grande Antes de enseñar nada, abre cada imagen en grande y comprueba: - el nombre está completo y se lee; - ninguna recompensa está cortada ni se solapa con otra; - el texto se lee sobre el fondo (contraste); - el logo no está borroso ni recortado; - las fotos de recompensa se reconocen, incluso en gris. Rehaz las que fallen. Una tarjeta fallida que se enseña hace más daño del bien que hacen doce buenas. ## 5. Presentar la elección - Una lámina numerada, ordenada por tipo (Sellos, Varias recompensas, Puntos), legible en un móvil; o una lámina por tipo. - Bajo cada número: el modo, la forma, la recompensa, en una línea. - Di siempre que **cada imagen y cada icono se puede cambiar**: el logo, las fotos de las recompensas, el sello, los colores; también se pueden mezclar dos versiones. - Pregunta qué número prefiere. No pongas nada en marcha sin su elección. ## 6. Ponerla en marcha Cuando la persona haya elegido: `creer_commerce` con exactamente los ajustes de la versión elegida. Llámala primero con `confirmer: false`, enseña el resumen y luego `confirmer: true` tras su aprobación. La herramienta devuelve un enlace personal: al seguirlo, la persona inicia sesión con su correo y encuentra su tarjeta, el QR para imprimir y su prueba gratuita. Si el comercio ya tiene una cuenta de StampyWallet conectada al asistente: primero `voir_carte` y luego `modifier_carte` (vista previa y después aprobación), en lugar de `creer_commerce`. ## Lo que no hay que hacer - Inventar una foto «del comercio» o presentar una ilustración como suya. - Enseñar una sola tarjeta, o doce variantes de un mismo tipo. - Cambiar una tarjeta en marcha sin aprobación explícita. - Prometer sellos o recompensas: se ponen en el mostrador, escaneando la tarjeta del cliente, nunca a través de un asistente.