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:

Service count: One overview or multiple service pages
Audience: B2B, B2C, or both
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