mcpbeat Sign in

Integrations Page Generator Agent Skill

When the user wants to create, optimize, or audit integrations, plugins, or extensions pages. Also use when the user mentions "integrations page," "plugins," "extensions," "add-ons," "API integrations," "connect with X," or "marketplace." For sitewide page planning, use website-structure.

756 tokens
context cost
the whole folder, loaded on every use
1
files
instructions only
0
copies elsewhere
how many repositories repackaged it
836
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository
npx skills add https://github.com/kostja94/marketing-skills --skill integrations-page-generator

The instruction itself

9 sections, as written by the author

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 project context first: If .claude/project-context.md or .cursor/project-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
  • card: Integration card structure; logo, name, description, CTA; catalog grid
  • grid, list: Catalog layout; grid or list format
  • 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

Other skills for the same job

different authors, same section of the catalogue
Doc Coauthoring
by anthropics
vendor ×10

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.

4k tokens
File Organizer
by frostant
×10

Intelligently organizes your files and folders across your computer by understanding context, finding duplicates, suggesting better structures, and automating cleanup tasks. Reduces cognitive load and keeps your digital workspace tidy without manual effort.

3k tokens
Domain Name Brainstormer
by frostant
×8

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

1k tokens
Brainstorming
by ZhanlinCui
×4

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

626 tokens
Planning With Files
by ZhanlinCui
×3

Implements Manus-style file-based planning for complex tasks. Creates task_plan.md, findings.md, and progress.md. Use when starting complex multi-step tasks, research projects, or any task requiring >5 tool calls.

9k tokens scripts
Scientific Brainstorming
by christophacham
×3

Creative research ideation and exploration. Use for open-ended brainstorming sessions, exploring interdisciplinary connections, challenging assumptions, or identifying research gaps. Best for early-stage research planning when you do not have specific observations yet. For formulating testable hypotheses from data use hypothesis-generation.

5k tokens
GitHub Project Management
by ComeOnOliver
×3

Comprehensive GitHub project management with swarm-coordinated issue tracking, project board automation, and sprint planning

14k tokens
Grill Me
by ComeOnOliver
×3

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

3k tokens

How to use it

Copy the folder

Take kostja94/integrations-page-generator from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.