integration-specialist

Implement third-party SaaS integrations for payments, scheduling, analytics, and webhooks without a backend.

Updated Mar 14, 2026
One-click install
npx skills add https://github.com/beelabstudio/ai --skill integration-specialist-beelabstudio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: integration-specialist
Source: https://github.com/beelabstudio/ai/tree/main/skills/enabling/integration-specialist
Command: npx skills add https://github.com/beelabstudio/ai --skill integration-specialist-beelabstudio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Connecting a website to third-party tools like Stripe, Calendly, Google Analytics, or Mailchimp usually requires backend infrastructure and deep API knowledge. This Skill guides the selection and implementation of embed, link-based, webhook, and form-backend integration patterns so these tools work on sites without a dedicated server. ## Core Features & Use Cases - Payment & Scheduling Integration: Implement Stripe Payment Links, PayPal buttons, Mollie, and Calendly or Cal.com embeds with event-driven redirects via postMessage. - Analytics & Marketing Setup: Configure GA4, Google Tag Manager, Meta Pixel, Hotjar, and automation workflows through Zapier or Make. - GDPR Compliance Guidance: Apply cookie consent gating, privacy policy disclosure, and DPA requirements for every third-party tool loaded on the site. - Use Case: A freelancer's portfolio site needs booking, payment, and contact forms. Use this Skill to wire Calendly scheduling to a Stripe payment page via postMessage events and route the contact form through Formspree, all without writing server code. ## Quick Start Use the integration-specialist skill to add a Calendly booking widget that redirects visitors to a Stripe Payment Link after they schedule, and make sure the setup is GDPR compliant.

Frequently Asked Questions about integration-specialist

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I accept payments on a website without a backend?▼

Use Stripe Payment Links or Checkout Sessions, which host the payment flow on Stripe's servers and require only an anchor tag or redirect on your site. Alternatives include PayPal Smart Buttons and Mollie for European methods like MB Way and Multibanco.

How to redirect users to a payment page after Calendly booking?▼

Listen for the calendly.event_scheduled postMessage event in a window message listener, verifying the origin includes calendly.com. When the event fires, redirect the browser to your Stripe Payment Link URL.

What is the best way to add a contact form without a server?▼

Use Formspree by pointing your HTML form's action attribute to your Formspree endpoint, or use EmailJS to send email directly from client-side JavaScript. Both handle submission processing without any backend code.

Does loading Google Analytics require cookie consent under GDPR?▼

Yes, tracking scripts like GA4, Meta Pixel, and Hotjar must load only after the user grants cookie consent. Your privacy policy must also disclose every third-party tool, and you should have Data Processing Agreements with each provider.

How do I test webhooks locally during development?▼

Use ngrok to expose your local server to a public URL that webhook providers can reach, or use the Stripe CLI for Stripe-specific webhook testing. Postman or Insomnia help verify API request and response payloads.

When should I use Zapier instead of direct API integration?▼

Use Zapier or Make when connecting tools without writing code, such as syncing Calendly bookings to a CRM or triggering email sequences. Direct API integration fits when you need custom logic, lower latency, or want to avoid per-task automation costs.