Minimal Testimonial Carousel
Una voz cada vez: prueba social sin el muro de logos.
Convierte tu IA en un diseñador de secciones de testimonios: convierte citas reales de clientes en un carrusel rotativo sereno y minimalista donde una voz habla cada vez y nada más compite por la atención.
Instálala en 3 pasos
Sin registro. Sin herramientas CLI. Elige tu IA, copia una línea y pégala.
¿Prefieres hacerlo tú mismo? Compra la habilidad ($4.99), descarga el ZIP desde la confirmación de compra, descomprímelo en el directorio que se muestra arriba y reinicia tu sesión de IA — el mismo resultado. ¿Ya la compraste? Tu asistente de IA puede descargarla por ti.
Qué incluye
Un SKILL.md (la guía paso a paso) + una plantilla inicial. Una vista previa:
Minimal Testimonial Carousel
When to use
- You have genuine customer quotes but they currently sit in a dense grid nobody reads
- A landing page needs social proof that fits a minimal design instead of a wall of logos and stars
- One strong testimonial deserves the spotlight, but you have several and want visitors to see more than one
- Your current carousel auto-plays so fast visitors cannot finish a quote, or has so many controls it looks like a cockpit
- You want testimonials that work on a phone, where a grid of cards collapses into an endless scroll
Workflow
- Collect real quotes only (input: your customer feedback → output: a vetted quote set)
Gather quotes from real customers — support emails, reviews they posted, survey answers, call transcripts — and keep each quote attached to a real name, role, and company. Aim for 3–6 quotes; fewer than three is not a carousel, more than six is a slideshow nobody finishes. Edit only for length and clarity, never for meaning: cutting filler words is fine, inventing praise is fraud. If a quote needs heavy rewriting to sound good, it is the wrong quote — pick a different one or go without. - Give each quote one slide (input: quote set → output: slide drafts)
Each slide carries exactly four things: the quote itself (one or two sentences, trimmed to what a visitor can read in about ten seconds), the speaker's name, their role and company, and optionally one small photo or company mark. No star ratings, no metric badges, no "verified buyer" ribbons — the minimal carousel earns trust from the words and the attribution, not from decorations. If a quote runs longer than two sentences, cut it to its strongest sentence; the full story belongs on a case-study page, linked from the slide. - Design the quiet frame (input: slide drafts → output: carousel layout)
The frame around the quotes stays constant and calm: one large quote in a readable type size, generous white space, and controls so quiet they nearly disappear — small previous/next arrows and a row of dots or a "2 of 5" counter. The quote is the only thing that changes when the slide changes; the layout, type, and spacing never shift. Nothing else on the page should move at the same time — a carousel next to an animated hero is two voices talking at once. - Set the rotation rules (input: layout → output: behavior spec)
Decide how slides change: manual advance (arrows, dots, swipe) is the default — visitors read at their own pace and stay in control. If you auto-advance, use a slow interval (at least 7 seconds, enough to read the longest quote), pause on hover and on focus, and stop auto-play permanently once the visitor interacts. Never auto-advance faster than a slow reader can finish, and never restart auto-play after the visitor took control. Keyboard navigation must work: arrow keys move between slides, and focus states are visible. - Check it on a phone and with a screen reader (input: built carousel → output: a verified carousel)
Test on a phone first: the quote must fit without horizontal scrolling, swipe must work, and the arrows must be tappable without hitting the quote. Then test with a screen reader or keyboard alone: each slide must be announced as one unit with its speaker attribution, and the carousel must not trap focus or announce slides the visitor has not reached. Finally, read every quote once more against its source — one misattributed or embellished quote poisons the whole section.
Vista previa de la plantilla
Minimal Testimonial Carousel — Design Template
One voice at a time. Real quotes only.
Quote set (3–6, each traceable to its source)
Quote 1
Quote (1–2 sentences, trimmed for length, never rewritten for meaning): > {quote}
Speaker: {real name} — {role}, {company}
Source: {where they said it — email / review / survey / call, with date}
Full story link (optional): {case study or review page URL}
Quote 2
Quote: > {quote}
Speaker: {real name} — {role}, {company}
Source: {source + date}
Full story link (optional): {URL}
Quote 3
Quote: > {quote}
Speaker: {real name} — {role}, {company}
Source: {source + date}
El paquete de la habilidad (SKILL.md + plantilla) está escrito en inglés.
