What’s inside

One SKILL.md (the playbook) + one starter template. A preview:

Compact Testimonial Grid

When to use

• You have 12 or more usable testimonials and want to show volume, not just a few highlights
• Your product's strength is breadth — many customers, many use cases — and three big quotes can't convey that
• You need a testimonial section that fits above or near the fold without eating the whole page
• Visitors skim rather than read on your page, so proof needs to work at a glance
• You want visitors to filter testimonials by use case, plan, or industry and see relevant proof instantly
• Your testimonials are short (one or two sentences) and punchy — they don't need a full-width stage

Workflow

1. Collect and trim the pool (input: raw testimonials → output: 12–30 trimmed cards)
   Gather every testimonial you have, then trim each to one or two sentences — the single most specific claim, nothing else. A card that says "Support replies in under an hour, even on Sundays" beats a paragraph that says the same thing plus three pleasantries. Drop anything that can't survive trimming ("Great product!" with no detail). Target 12–30 cards: fewer than 12 and the grid looks sparse; more than 30 and visitors stop scrolling before the end.
2. Tag every card (input: trimmed cards → output: tagged card set)
   Give each card 2–3 tags: who the speaker is (role or segment), what it proves (speed, price, support, results), and any plan or use case it mentions. Tags drive the filters and keep the grid honest — if 20 of your 24 cards all prove "easy to use" and none prove "worth the price," you have a coverage gap to fill before building. Write the tags now, not after layout.
3. Design the card (input: tagged card set → output: card template)
   One card, one fixed structure: star row or rating mark at top (if you have real ratings), the trimmed quote in 14–16px, then speaker line (name, role, company) and one small tag chip. Cards are uniform in width and roughly uniform in height — trim quotes so no card is twice as tall as its neighbours. The grid's power is density and rhythm; a single oversized card breaks both. No portraits unless you have them for every card — mixed portrait/no-portrait grids look unfinished.
4. Build the grid (input: card template → output: grid layout)
   Lay out cards in 3 columns on desktop, 2 on tablet, 1 on mobile, with tight, even gutters (16–24px). Fill row by row, mixing tag coverage across each row so any visible slice of the grid shows variety — never cluster all the "support" cards in one corner. If the grid looks patchy because card heights vary, use a masonry-style flow or trim the tall cards further; ragged bottoms are fine, gaping holes are not.

Template preview

Compact Testimonial Grid — Starter Template

Trim every quote to 1–2 sentences. Tag every card. Keep cards uniform.

Summary strip (above the filters)

• {total_count} reviews · {average_rating, or delete if unverified} · Most praised: {top_praise_theme}

Filters

• All | {filter_1} | {filter_2} | {filter_3} | {filter_4}
• (Filters come from your tags — add or remove chips to match.)

Card template (copy for each testimonial)

` ★ {rating, or delete the star row if unverified} "{trimmed_quote — 1–2 sentences, one specific claim}" — {name}, {role}, {company} Tags: {proof_theme} / {segment} / {use_case} `

Cards

Card 1

• Quote: "{quote_1}"

Buy the full skill pack — $4.99 Pro — all 471 skills