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 - Raw HTML form POST, official JS/React/Vue SDKs, site builders, or hosted form embed - with monthly credits and multi-channel delivery configured in the dashboard.

FormsReach | Docs | SDK | Dashboard / API keys | Pricing

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
• Credits pricing - Free / Starter / Pro / Agency monthly credit pools
• Channels (dashboard) - email, WhatsApp (official Meta API), Telegram, Discord, webhooks, Google Sheets, workflow rules
• Form builder + hosted embed - visual fields and iframe embed when enabled
• Raw HTML form POST to https://api.formsreach.com/submit with hidden api_key
• JavaScript CDN / npm - @formsreach/js (>= 0.2.0), FormsReach.init, data-formsreach, auto spam inject
• React / Next.js - @formsreach/react and useFormsReach
• Vue / Nuxt - @formsreach/vue and useFormsReach
• Astro and static sites - Raw HTML form pattern
• Site builders - Webflow, WordPress, Framer, Shopify, and similar
• Decision trees - pick stack, pick plan/credits, 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, credits/plans, and how to troubleshoot.
4. Configure channels in the dashboard for email, WhatsApp, Telegram, Discord, webhooks, or Sheets.

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 with @formsreach/react"

"Embed my FormsReach form builder form in Webflow"

"Connect my Webflow form so enquiries land on WhatsApp"

"Replace our PHP form handler with FormsReach"

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

"Why are FormsReach submits failing with domain or credits errors?"

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. Channel configuration stays in the FormsReach dashboard.

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 (>= 0.2.0 recommended)
Pricing	Monthly credits - Free 500 / Starter 2k / Pro 5k / Agency 18k (confirm pricing.json)
Delivery	Dashboard channels: email, WhatsApp, Telegram, Discord, webhooks, Sheets, rules
Builder	Dashboard form builder + hosted embed
Spam	Server honeypot + time-trap; SDK auto-inject on SDK paths

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, pricing.json, llms.txt, 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, forms, channels, API keys
• Pricing - machine-readable plans and credits

License

MIT

---

Part of FormsReach — form backend / contact form API. Product: formsreach.com · SDK: formsreach/sdk