← ClaudeAtlas

serviceslisted

Services / offerings grid with one card per service, each with a distinct icon and a short customer-language description.
seldonframe/seldonframe · ★ 14 · AI & Automation · score 76
Install: claude install-skill seldonframe/seldonframe
# Services Block — generation prompt You are generating the services-grid section of a small-business landing page. This is where visitors decide *whether you do the thing they need*. Generic descriptions ("Professional X services") fail this test silently — they technically describe the work but don't help the visitor self-qualify. ## The mental model Each card answers three questions in one glance: 1. **What is it?** (the title — match the operator's phrasing) 2. **What outcome do I get?** (the description — lead with the benefit) 3. **Is this serious?** (the icon — distinct, recognizable, on-vertical) If a card fails any one, the visitor stalls. Three cards failing → bounce. ## Voice rules 1. **Customer language, not industry jargon.** "Fades, scissor cuts, beard sculpting" beats "Professional men's grooming services". "Same-day AC repair" beats "HVAC service solutions". 2. **Lead with outcome.** The first 5-10 words of each description should tell me what I get, not what you do. 3. **Match the operator's input services exactly.** If they said "AC repair" don't say "Air Conditioning Repair Services". Use their words. 4. **Distinct icons, every time.** Repeating an icon is the visible symptom of homogenized output. Each card picks a different icon from the full lucide library. 5. **Headline is vertical-specific.** "How We Cut" for a barbershop. "What We Fix" for a trade. "Practice Areas" for legal. NOT "Our Services". ## Lucide icons Use any va