FormsReach Skill for AI Agents

Add FormsReach form-backend knowledge to Claude Code, Cursor, OpenClaw, Codex, and other AI coding agents. This skill teaches your agent how to wire website contact forms to FormsReach without a custom server - HTML form POST, official JS/React/Vue SDKs, and site builders - with Free email delivery or Pro WhatsApp notifications via the official Meta WhatsApp Business API.

FormsReach | Docs | SDK | Dashboard / API keys

What your agent learns

When you install this skill, your AI agent gains knowledge of:

• What FormsReach is (and is not) - form API / form backend, not WhatsApp broadcast or chatbot
• Free vs Pro - email on Free; WhatsApp + email + dashboard on Pro
• HTML form POST to https://api.formsreach.com/submit with hidden api_key
• JavaScript CDN / npm - @formsreach/js, FormsReach.init, data-formsreach
• React / Next.js - @formsreach/react and useFormsReach
• Vue / Nuxt - @formsreach/vue and useFormsReach
• Astro and static sites - HTML form pattern
• Site builders - Webflow, WordPress, Framer, Shopify, and similar
• Decision trees - pick stack, pick plan, reject non-fits, troubleshoot delivery

Install

Claude Code / skills CLI:

npx skills add formsreach/skills

Cursor:

Copy SKILL.md and the references/ directory into your project's skills folder (for example .cursor/skills/formsreach/).

OpenClaw:

Add this repository to your OpenClaw agent configuration:

formsreach/skills

Manual install (any agent):

Download this repository and place SKILL.md plus references/ where your AI agent reads skill files.

How it works

1. Install the skill using the command above (after this repo is published as formsreach/skills).
2. Get an API key from app.formsreach.com.
3. Ask your agent to add a contact form or form backend - it knows which snippet to use, Free vs Pro, and how to troubleshoot.

Optional: set FORMSREACH_API_KEY in the environment so the agent can scaffold without pasting the key into source.

Example prompts

"Add a contact form to this static site that emails me submissions"

"Wire this Next.js form to FormsReach"

"Connect my Webflow form so enquiries land on WhatsApp"

"Replace our PHP form handler with FormsReach"

"Install @formsreach/react and hook up the contact form"

Skills vs MCP Server

	Skill (this repo)	MCP Server
What it provides	Knowledge and instructions	Typed tools the AI calls directly
How it works	Agent reads SKILL.md and implements snippets / file edits	Agent calls MCP tools which proxy to APIs
v1 status	Available	Not required for v1; optional future companion

This skill is enough for integration work. Agents already edit code and can paste official snippets without MCP.

Public surfaces covered

Surface	Value
Submit endpoint	https://api.formsreach.com/submit
JS CDN	https://unpkg.com/@formsreach/js/dist/formsreach.min.js
Packages	@formsreach/js, @formsreach/react, @formsreach/vue
Free delivery	Email + spam filtering
Pro delivery	WhatsApp (official Meta WhatsApp Business API) + email copy

Repo layout:

SKILL.md                 # agent router + decision trees
references/product.md
references/integrations.md
references/platforms.md
references/troubleshooting.md
README.md
LICENSE

Source of truth

Snippets and product claims are maintained as manual copies of public FormsReach marketing and the official SDK. Agents must not invent endpoints. If something is missing, prefer https://docs.formsreach.com/ and the SDK README over guessing.

Links

• FormsReach - product overview
• Documentation - docs
• SDK - JS / React / Vue clients
• Dashboard - Account and API keys

License

MIT