/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." For sitewide page planning, use website-structure.
metadata:
  version: 1.0.1

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