How to install services-page-generator
npx skills add https://github.com/kostja94/marketing-skills --skill services-page-generatorFull instructions (SKILL.md)
Source of truth, from kostja94/marketing-skills.
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:
- 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
Related skills
More from kostja94/marketing-skills and the wider catalog.
shipping-page-generator
When the user wants to create or optimize a shipping or delivery information page. Also use when the user mentions "shipping," "delivery," "shipping policy," "delivery times," "shipping page," "free shipping," "shipping rates," "delivery options," "shipping info," "cross-border shipping," "international delivery," or "order tracking." For legal overview, use legal-page-generator.
showcase-page-generator
When the user wants to create, optimize, or audit a showcase or gallery page for user-generated content. Also use when the user mentions "showcase," "gallery," "user work," "UGC," "creator showcase," "examples," or "made with [product]." For social proof components, use testimonials-generator.
sidebar-generator
When the user wants to design, optimize, or audit a sidebar for blogs, docs, or content pages. Also use when the user mentions "sidebar," "blog sidebar," "content sidebar," "side panel," "sidebar navigation," "related content," "sidebar CTA," "doc sidebar," or "sidebar widgets." For blog layout, use blog-page-generator.
signup-login-page-generator
When the user wants to create, optimize, or audit signup and login pages. Also use when the user mentions "signup page," "login page," "registration page," "auth page," "sign up form," "create account," "student discount at signup," or "auth subdomain." For indexing/auth URLs, use indexing.
site-crawlability
When the user wants to improve crawlability, fix orphan pages, or optimize site structure for search engines. Also use when the user mentions "crawlability," "crawl budget," "orphan pages," "internal links," "site structure," "site crawlability," "infinite scroll," "pagination," "masonry SEO," "AI crawler optimization," "GPTBot crawlability," "ClaudeBot crawlability," or "content not indexed." For internal links, use internal-links.
social-share-generator
When the user wants to add, optimize, or audit social share buttons (share article to X, LinkedIn, Facebook, etc.). Also use when the user mentions "share buttons," "social share," "share to X," "share to LinkedIn," "social sharing," "share icons," "share widget," "native share," "Web Share API," or "share intent URLs." For link previews, use open-graph.