Claude Skill

add-whatsapp-cloud

Add WhatsApp Business Cloud API channel via Chat SDK. Official Meta API.

LLM Mart · 0 points · 16 views 0 listing impressions 0 install-command copies
Virus-scanned Reviewed automatically before listing.

Full trust report

Download nanocoai-nanoclaw-.claude_skills_add-whatsapp-cloud-ad8837c.zip · 4 KB
Part of nanocoai/nanoclaw — 49 skills

Install

skills CLI npx skills add https://github.com/nanocoai/nanoclaw/tree/main/.claude/skills/add-whatsapp-cloud
Claude Code claude plugin marketplace add https://llmmart.ai/marketplace.json && claude plugin install nanocoai-nanoclaw@llmmart
Git git clone https://github.com/nanocoai/nanoclaw.git

The skills CLI installs just this skill, for any of its supported agents. Claude Code installs the whole nanocoai/nanoclaw collection as a plugin from our marketplace. Git is the plain clone.

Skill manifest

Add WhatsApp Cloud API Channel

Connect NanoClaw to WhatsApp via the official Meta WhatsApp Business Cloud API. NanoClaw doesn't ship channels in trunk — this skill copies the WhatsApp Cloud adapter in from the channels branch.

The mechanical steps under Apply carry nc: directive fences: an agent reads the prose and applies them, and a parser can apply them deterministically from the same document. Every directive is idempotent, so the whole skill is safe to re-run; anything a parser can't apply falls back to the prose beside it.

Apply

1. Copy the adapter

Fetch the channels branch and copy the WhatsApp Cloud adapter into src/channels/ (overwrite — the branch is canonical):

src/channels/whatsapp-cloud.ts
src/channels/whatsapp-cloud-registration.test.ts

2. Register the adapter

Append the self-registration import to the channel barrel (skipped if the line is already present). This one line is the skill's only reach-in into core:

import './whatsapp-cloud.js';

3. Install the adapter package

Pinned to an exact version — the supply-chain policy rejects ranges and latest:

@chat-adapter/whatsapp@4.29.0

4. Build and validate

Build guards the typed createChatSdkBridge(...) core call and proves the dependency is installed — the import throws at evaluation if @chat-adapter/whatsapp is missing or the barrel drifts:

pnpm run build
pnpm exec vitest run src/channels/whatsapp-cloud-registration.test.ts

whatsapp-cloud-registration.test.ts imports the real channel barrel and asserts the registry contains whatsapp-cloud — it goes red if the import line is deleted or drifts, if the barrel fails to evaluate, or if @chat-adapter/whatsapp isn't installed (the import throws), so it also covers the dependency from step 3.

End-to-end message delivery against a real WhatsApp Business number is verified manually once the service is running — see Next Steps and the webhook setup below.

Upgrading an existing install

Older copies of the adapter registered this bridge under the bare whatsapp key, which collided with the native Baileys adapter. It now registers under a distinct whatsapp-cloud instance (channelType stays whatsapp). Two consequences for an install that ran the previous version:

  • Webhook route moves from /webhook/whatsapp to /webhook/whatsapp-cloud. Update the callback URL in your Meta App dashboard (WhatsApp > Configuration) accordingly.
  • Chat SDK state namespace moves. Subscriptions in the chat_sdk_* tables re-key under the new instance, so previously-subscribed threads may need to re-engage the bot.

Fresh installs need none of this.

Credentials

Meta app setup is human and interactive — these steps are prose, not directives (no parser can click through the Meta dashboard). A recipe rebuild produces a compiling, registered adapter that cannot receive a message until they're done.

  1. Go to Meta for Developers and create an app (type: Business).
  2. Add the WhatsApp product.
  3. Go to WhatsApp > API Setup:
    • Note the Phone Number ID (not the phone number itself).
    • Generate a permanent System User access token with whatsapp_business_messaging permission.
  4. Go to WhatsApp > Configuration:
    • Set webhook URL: https://your-domain/webhook/whatsapp-cloud.
    • Set a Verify Token (any random string you choose).
    • Subscribe to webhook fields: messages.
  5. Copy the App Secret from Settings > Basic.

Store the credentials

Capture the four values, then write them. prompt only asks and binds the answer to a name; a separate directive consumes it — so the same prompts could feed ncl or the OneCLI vault instead of .env by swapping only the consumer. Here they go to .env (set-if-absent — a value you've already filled in is never overwritten):

Paste the System User access token — WhatsApp > API Setup, with `whatsapp_business_messaging` permission.
Paste the Phone Number ID — WhatsApp > API Setup (not the phone number itself).
Paste the App Secret — Settings > Basic.
Paste the Verify Token — the random string you set under WhatsApp > Configuration.
WHATSAPP_ACCESS_TOKEN={{access_token}}
WHATSAPP_PHONE_NUMBER_ID={{phone_number_id}}
WHATSAPP_APP_SECRET={{app_secret}}
WHATSAPP_VERIFY_TOKEN={{verify_token}}

Webhook server

The Chat SDK bridge automatically starts a shared webhook server on port 3000 (WEBHOOK_PORT to change it), handling /webhook/whatsapp-cloud. This port must be publicly reachable for Meta to deliver events. Running locally, expose it with ngrok (ngrok http 3000), a Cloudflare Tunnel, or a reverse proxy on a VPS — the resulting public URL is the base for the webhook URL set under WhatsApp > Configuration above.

Next Steps

If you're in the middle of /setup, return to the setup flow now.

Otherwise, run /manage-channels to wire this channel to an agent group.

Channel Info

  • type: whatsapp-cloud
  • terminology: WhatsApp Cloud API supports 1:1 conversations only (no group chats). Each conversation is with a phone number.
  • how-to-find-id: The platform ID is the Phone Number ID from the Meta Business dashboard (not the phone number itself). Find it under WhatsApp > API Setup.
  • supports-threads: no
  • typical-use: Interactive 1:1 chat -- direct messages only
  • default-isolation: Same agent group if you're the only person messaging the bot. Each additional person who messages gets their own conversation automatically, but they share the agent's workspace and memory -- use a separate agent group if you need information isolation between different contacts.

Troubleshooting

Meta's "Verify and save" fails on the webhook. Meta hits your URL with a challenge the moment you click, so the endpoint must already be publicly reachable at /webhook/whatsapp-cloud (shared webhook server, port 3000) and the service must be running with WHATSAPP_VERIFY_TOKEN set to exactly the string you typed under WhatsApp > Configuration. Start or restart the service first, then click verify.

Everything works for a day, then all calls 401. You stored the temporary token from WhatsApp > API Setup, which expires in ~24 hours. Create a System User under Business Settings → Users, grant it the app with whatsapp_business_messaging, generate a permanent token, and replace WHATSAPP_ACCESS_TOKEN.

Outbound messages are accepted but never delivered. Two Meta-side gates: while the app is in development mode you can only message numbers added to the recipient allowlist in API Setup; and free-form replies are only allowed within 24 hours of the user's last inbound message — outside that window you need an approved template. Also confirm WHATSAPP_PHONE_NUMBER_ID is the Phone Number ID, not the phone number itself.

Adapter installed but nothing flows. Run pnpm exec vitest run src/channels/whatsapp-cloud-registration.test.ts — red means the barrel import or the @chat-adapter/whatsapp install drifted, so re-run the Apply steps. If green, restart the service (see Next Steps) so the adapter and .env values are live.

Files (nanoclaw)
  • apply-fixtures.json 395 B
    {
      "notes": "Conformance fixtures for scripts/skill-conformance.test.ts — shaped fake values only, never real credentials.",
      "scenarios": [
        {
          "name": "cloud-api",
          "inputs": {
            "access_token": "EAAfake-access-token",
            "phone_number_id": "123456789012345",
            "app_secret": "fake-app-secret",
            "verify_token": "fake-verify-token"
          }
        }
      ]
    }
    
  • REMOVE.md 833 B
    # Remove WhatsApp Cloud API Channel
    
    Every step is idempotent — safe to re-run.
    
    ## 1. Remove the adapter
    
    Delete the self-registration import from `src/channels/index.ts` (skip if already gone):
    
    ```typescript
    import './whatsapp-cloud.js';
    ```
    
    Then delete the copied adapter and its registration test:
    
    ```bash
    rm -f src/channels/whatsapp-cloud.ts src/channels/whatsapp-cloud-registration.test.ts
    ```
    
    ## 2. Remove credentials
    
    Remove `WHATSAPP_ACCESS_TOKEN`, `WHATSAPP_PHONE_NUMBER_ID`, `WHATSAPP_APP_SECRET`, and `WHATSAPP_VERIFY_TOKEN` from `.env`.
    
    ## 3. Remove the package
    
    ```bash
    pnpm uninstall @chat-adapter/whatsapp
    ```
    
    ## 4. Rebuild and restart
    
    ```bash
    pnpm run build
    source setup/lib/install-slug.sh
    launchctl kickstart -k gui/$(id -u)/$(launchd_label)  # macOS
    # Linux: systemctl --user restart $(systemd_unit)
    ```
    
  • SKILL.md 7.5 KB
    ---
    name: add-whatsapp-cloud
    description: Add WhatsApp Business Cloud API channel via Chat SDK. Official Meta API.
    ---
    
    # Add WhatsApp Cloud API Channel
    
    Connect NanoClaw to WhatsApp via the official Meta WhatsApp Business Cloud API.
    NanoClaw doesn't ship channels in trunk — this skill copies the WhatsApp Cloud
    adapter in from the `channels` branch.
    
    The mechanical steps under **Apply** carry `nc:` directive fences: an agent reads
    the prose and applies them, and a parser can apply them deterministically from
    the same document. Every directive is idempotent, so the whole skill is safe to
    re-run; anything a parser can't apply falls back to the prose beside it.
    
    ## Apply
    
    ### 1. Copy the adapter
    
    Fetch the `channels` branch and copy the WhatsApp Cloud adapter into
    `src/channels/` (overwrite — the branch is canonical):
    
    ```nc:copy from-branch:channels
    src/channels/whatsapp-cloud.ts
    src/channels/whatsapp-cloud-registration.test.ts
    ```
    
    ### 2. Register the adapter
    
    Append the self-registration import to the channel barrel (skipped if the line
    is already present). This one line is the skill's only reach-in into core:
    
    ```nc:append to:src/channels/index.ts
    import './whatsapp-cloud.js';
    ```
    
    ### 3. Install the adapter package
    
    Pinned to an exact version — the supply-chain policy rejects ranges and `latest`:
    
    ```nc:dep
    @chat-adapter/whatsapp@4.29.0
    ```
    
    ### 4. Build and validate
    
    Build guards the typed `createChatSdkBridge(...)` core call and proves the
    dependency is installed — the import throws at evaluation if `@chat-adapter/whatsapp`
    is missing or the barrel drifts:
    
    ```nc:run effect:build
    pnpm run build
    ```
    ```nc:run effect:test
    pnpm exec vitest run src/channels/whatsapp-cloud-registration.test.ts
    ```
    
    `whatsapp-cloud-registration.test.ts` imports the real channel barrel and asserts
    the registry contains `whatsapp-cloud` — it goes red if the import line is deleted
    or drifts, if the barrel fails to evaluate, or if `@chat-adapter/whatsapp` isn't
    installed (the import throws), so it also covers the dependency from step 3.
    
    End-to-end message delivery against a real WhatsApp Business number is verified
    manually once the service is running — see Next Steps and the webhook setup
    below.
    
    ## Upgrading an existing install
    
    Older copies of the adapter registered this bridge under the bare `whatsapp` key,
    which collided with the native Baileys adapter. It now registers under a distinct
    `whatsapp-cloud` instance (channelType stays `whatsapp`). Two consequences for an
    install that ran the previous version:
    
    - **Webhook route moves** from `/webhook/whatsapp` to `/webhook/whatsapp-cloud`.
      Update the callback URL in your Meta App dashboard (WhatsApp > Configuration)
      accordingly.
    - **Chat SDK state namespace moves.** Subscriptions in the `chat_sdk_*` tables
      re-key under the new instance, so previously-subscribed threads may need to
      re-engage the bot.
    
    Fresh installs need none of this.
    
    ## Credentials
    
    Meta app setup is human and interactive — these steps are prose, not directives
    (no parser can click through the Meta dashboard). A recipe rebuild produces a
    compiling, registered adapter that cannot receive a message until they're done.
    
    1. Go to [Meta for Developers](https://developers.facebook.com/apps/) and create an app (type: Business).
    2. Add the **WhatsApp** product.
    3. Go to **WhatsApp** > **API Setup**:
       - Note the **Phone Number ID** (not the phone number itself).
       - Generate a **permanent System User access token** with `whatsapp_business_messaging` permission.
    4. Go to **WhatsApp** > **Configuration**:
       - Set webhook URL: `https://your-domain/webhook/whatsapp-cloud`.
       - Set a **Verify Token** (any random string you choose).
       - Subscribe to webhook fields: `messages`.
    5. Copy the **App Secret** from **Settings** > **Basic**.
    
    ### Store the credentials
    
    Capture the four values, then write them. `prompt` only *asks* and binds the
    answer to a name; a separate directive consumes it — so the same prompts could
    feed `ncl` or the OneCLI vault instead of `.env` by swapping only the consumer.
    Here they go to `.env` (set-if-absent — a value you've already filled in is
    never overwritten):
    
    ```nc:prompt access_token secret
    Paste the System User access token — WhatsApp > API Setup, with `whatsapp_business_messaging` permission.
    ```
    ```nc:prompt phone_number_id
    Paste the Phone Number ID — WhatsApp > API Setup (not the phone number itself).
    ```
    ```nc:prompt app_secret secret
    Paste the App Secret — Settings > Basic.
    ```
    ```nc:prompt verify_token secret
    Paste the Verify Token — the random string you set under WhatsApp > Configuration.
    ```
    ```nc:env-set
    WHATSAPP_ACCESS_TOKEN={{access_token}}
    WHATSAPP_PHONE_NUMBER_ID={{phone_number_id}}
    WHATSAPP_APP_SECRET={{app_secret}}
    WHATSAPP_VERIFY_TOKEN={{verify_token}}
    ```
    ### Webhook server
    
    The Chat SDK bridge automatically starts a shared webhook server on port 3000
    (`WEBHOOK_PORT` to change it), handling `/webhook/whatsapp-cloud`. This port must be
    publicly reachable for Meta to deliver events. Running locally, expose it with
    ngrok (`ngrok http 3000`), a Cloudflare Tunnel, or a reverse proxy on a VPS —
    the resulting public URL is the base for the webhook URL set under WhatsApp >
    Configuration above.
    
    ## Next Steps
    
    If you're in the middle of `/setup`, return to the setup flow now.
    
    Otherwise, run `/manage-channels` to wire this channel to an agent group.
    
    ## Channel Info
    
    - **type**: `whatsapp-cloud`
    - **terminology**: WhatsApp Cloud API supports 1:1 conversations only (no group chats). Each conversation is with a phone number.
    - **how-to-find-id**: The platform ID is the Phone Number ID from the Meta Business dashboard (not the phone number itself). Find it under WhatsApp > API Setup.
    - **supports-threads**: no
    - **typical-use**: Interactive 1:1 chat -- direct messages only
    - **default-isolation**: Same agent group if you're the only person messaging the bot. Each additional person who messages gets their own conversation automatically, but they share the agent's workspace and memory -- use a separate agent group if you need information isolation between different contacts.
    
    ## Troubleshooting
    
    **Meta's "Verify and save" fails on the webhook.** Meta hits your URL with a challenge the moment you click, so the endpoint must already be publicly reachable at `/webhook/whatsapp-cloud` (shared webhook server, port 3000) *and* the service must be running with `WHATSAPP_VERIFY_TOKEN` set to exactly the string you typed under WhatsApp > Configuration. Start or restart the service first, then click verify.
    
    **Everything works for a day, then all calls 401.** You stored the temporary token from WhatsApp > API Setup, which expires in ~24 hours. Create a **System User** under Business Settings → Users, grant it the app with `whatsapp_business_messaging`, generate a permanent token, and replace `WHATSAPP_ACCESS_TOKEN`.
    
    **Outbound messages are accepted but never delivered.** Two Meta-side gates: while the app is in development mode you can only message numbers added to the recipient allowlist in API Setup; and free-form replies are only allowed within 24 hours of the user's last inbound message — outside that window you need an approved template. Also confirm `WHATSAPP_PHONE_NUMBER_ID` is the Phone Number *ID*, not the phone number itself.
    
    **Adapter installed but nothing flows.** Run `pnpm exec vitest run src/channels/whatsapp-cloud-registration.test.ts` — red means the barrel import or the `@chat-adapter/whatsapp` install drifted, so re-run the Apply steps. If green, restart the service (see Next Steps) so the adapter and `.env` values are live.
    

Comments (0)

Sign in to join the conversation.

No comments yet.

Reviews (0)

No reviews yet.

Related