api-page-generator

Original：🇺🇸 English
Translated

When the user wants to create, optimize, or audit the API introduction/overview page. Also use when the user mentions "API page," "API landing page," "/api page," "API overview," "developer landing," "API marketing," or "API for developers." Note: API documentation (endpoint reference) lives in docs; use docs-page-generator.

3installs
Sourcekostja94/marketing-skills
Added on

NPX Install

npx skill4agent add kostja94/marketing-skills api-page-generator

Tags

Translated version includes tags in frontmatter
api-landing-pagedeveloper-experiencepage-designapi-marketingseo-optimization

SKILL.md Content

View Translation Comparison →

Pages: API Introduction

Guides the API introduction page →typically at 
/api
→that overviews the API, use cases, and links to documentation. API documentation (endpoint reference, code examples) lives on separate pages.
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 product and developer use cases.
Identify:
  1. API type: REST, GraphQL, etc.
  2. Audience: Developers (integration) vs. decision makers (evaluation)
  3. Docs location: Where API documentation lives (e.g. 
    /docs
    , 
    /api/reference
    , external)

Page Role

  • API page (
    /api
    ): Introduction, overview, value prop, CTA to docs or signup
  • API documentation: Lives in docs (docs.*) → API Reference section with endpoint reference, auth, examples

Best Practices

Overview and Structure

  • What the API does: Clear value proposition, key capabilities
  • Use cases: Who uses it, common scenarios
  • Getting started: Quick path to first call or docs
  • Link to docs: Prominent CTA to API documentation

Content

  • Key concepts: High-level, not endpoint-level detail
  • Auth overview: How auth works; link to docs for details
  • Pricing/limits: If relevant for evaluation
  • SDKs and tools: If available; link to docs

SEO and Discovery

  • Developer search: Target "API" + product/category terms
  • Metadata: Title, description for developer intent
  • Internal links: From homepage, features, resources

Output Format

  • Structure outline (sections)
  • Value proposition and key messages
  • CTA to documentation or signup
  • SEO metadata for developer search

Related Skills

  • homepage-generator: Link to API page for developers
  • schema-markup: WebPage or SoftwareApplication schema
  • title-tag, meta-description, page-metadata: API page metadata