Pages: Integrations / Plugins

Guides integrations, plugins, and extensions pages. Shows how the product connects with Canva, Slack, Zapier, and other platforms. Common for SaaS, tools, and developer products.

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 product marketing context first: If .claude/product-marketing-context.md or .cursor/product-marketing-context.md exists, read it for product, integrations, and target platforms.

Identify:

Type: Native integrations, plugins, extensions, API, webhooks
Platforms: Which to feature (Slack, Notion, Figma, etc.)
Format: Single page vs. per-integration pages
Primary goal: Install, connect, sign up

Page Structure

Section	Purpose
Headline	"Integrate with [Platforms]" or "Connect [Product] to Your Stack"
Value	Why integrations matter; workflow benefits
Catalog	Grid or list: logo, name, short description, "Connect" or "Install"
Categories	By use case (Productivity, Design, Dev) or platform type
API	Link to api-page or docs if developer-focused
CTA	Browse all, request integration, build your own

Best Practices

Organization

By category: Productivity, Design, Marketing, Dev tools
By platform: Slack, Notion, Figma, Zapier
Search/filter: For 20+ integrations
Featured: Highlight top 5–10; rest in catalog

Content

Per integration: Logo, 1–2 sentence benefit, "Connect" CTA
Use cases: "Use with Slack to get notifications"
Screenshots: Show connected workflow when possible

SEO

Intent: Informational + commercial; "X integration," "X plugin"
Title: "Integrations | Connect [Product] to [Platforms]" or "[Product] + Slack"
Internal links: API, docs, features, pricing

Output Format

Headline and value proposition
Catalog structure (categories, layout)
Per-integration copy (name, benefit, CTA)
Internal links (API, docs)
SEO metadata

Related Skills

api-page-generator: API overview; link for developer integrations
docs-page-generator: Integration setup guides in docs
category-page-generator: Catalog layout for many integrations
landing-page-generator: Integration-specific landing pages