Services

---
name: services-page-generator
description: When the user wants to create, optimize, or audit a services page. Also use when the user mentions "services page," "what we offer," "service offerings," "consulting services," "service page," "offerings page," "service catalog," or "professional services."
metadata:
  version: 1.0.0
---

# Pages: Services

Guides services page content and structure for service-based businesses (consulting, agencies, freelancers).

**When invoking**: On **first use**, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On **subsequent use** or when the user asks to skip, go directly to the main output.

## Initial Assessment

**Check for project context first:** If `.claude/project-context.md` or `.cursor/project-context.md` exists, read it for service offerings and differentiation.

Identify:
1. **Service count**: One overview or multiple service pages
2. **Audience**: B2B, B2C, or both
3. **Conversion goal**: Contact, quote, booking

## Best Practices

### Structure

| Approach | When |
|----------|------|
| **Single page** | Few services; compact overview |
| **Hub + detail** | Many services; main page links to each |
| **Service tiers** | Packages, pricing tiers |

### Essential Elements

| Element | Purpose |
|---------|---------|
| **Service overview** | What you offer; who it's for |
| **Benefits** | Outcomes, not just features |
| **Process** | How you work; steps |
| **Proof** | Case studies, testimonials |
| **CTA** | Contact, get quote, book call |

### Content

- **Benefit-first**: Solve problems; outcomes
- **Clear scope**: What's included
- **Differentiation**: Why you vs. others

### SEO

- Target "service + location" or "service + industry"
- Schema: Service type
- Internal links from Home, About

## Output Format

- **Structure** (single vs. hub)
- **Service** descriptions
- **CTA** placement
- **SEO** metadata

## Related Skills

- **landing-page-generator**: Service landing page; CTA to contact, quote, or booking
- **contact-page-generator**: Services CTA often goes to contact form
- **url-structure**: Service URL hierarchy (e.g. /services/web-development)
- **features-page-generator**: For SaaS; services for service businesses
- **pricing-page-generator**: Service pricing
- **customer-stories-page-generator**: Proof for services
- **title-tag, meta-description, page-metadata**: Services page metadata