Minimal Testimonial Carousel

一度に1つの声を。ロゴの壁ではない、社会的証明。

AIをお客様の声セクションのデザイナーに変え、本物のお客様の引用を、穏やかでミニマルな回転カルーセルに変えます。一度に1つの声が語り、他に注意を競うものはありません。

こんな方におすすめ

静かなスポットライトに値する、本物のお客様の引用を持つランディングページオーナーの方

所要時間

初稿まで~20分

レベル

初心者向け

3ステップでインストール

登録不要。CLIツールも不要です。お使いのAIを選んで、1行コピーして貼るだけです。

Pro — 全511件のスキル

ご自分で入れたい場合は、スキルを購入（$4.99）し、購入完了画面からZIPをダウンロードして、上のディレクトリに展開し、AIのセッションを再起動してください。結果は同じです。すでに購入済みの場合は、AIアシスタントにダウンロードしてもらうこともできます。

パックの内容

SKILL.md（手順書）1点とスターターテンプレート1点が入っています。プレビューはこちらです：

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.