Reclaim Protocol — Claude Code Skill

A Claude Code skill that integrates Reclaim Protocol verification into any Node.js project with a single prompt.

It auto-detects your framework (Next.js, Express, React, Vue, SvelteKit, Nuxt, Fastify, Hono, or plain Node.js), installs the SDK, writes API routes and frontend components, and sets up environment variables — all in one shot.

Supported Frameworks

Framework	Backend Routes	Frontend Component
Next.js (App Router)	Yes	Yes (React + QR code)
Next.js (Pages Router)	Yes	Yes (React + QR code)
Express	Yes	—
Fastify	Yes	—
Hono	Yes	—
React (Vite / CRA)	—	Yes (frontend-only)
Vue	—	Yes (frontend-only)
Nuxt	Yes	Yes (Vue)
SvelteKit	Yes	Yes (Svelte)
Plain Node.js	Yes	—

Usage

1. Copy the skill file

Copy SKILL.md into the .claude/ directory of the project you want to add Reclaim verification to:

# From your target project root
mkdir -p .claude
cp /path/to/this/repo/SKILL.md .claude/skills/integrate-reclaim.md

Or add it as a project skill by placing it at .claude/skills/integrate-reclaim.md in your repository.

2. Get your credentials

Go to dev.reclaimprotocol.org and:

1. Create an application — copy the App ID and App Secret
2. Add a provider (the data source you want to verify, e.g., GitHub, Google) — copy the Provider ID

3. Run the skill

Open Claude Code in your project and tell it:

Integrate Reclaim Protocol into this project

Claude will:

• Detect your framework, package manager, and TypeScript usage
• Ask for your App ID, App Secret, and Provider ID
• Install @reclaimprotocol/js-sdk (and react-qr-code for React projects)
• Create .env.local with your credentials
• Write API routes for proof generation and callback verification
• Generate a ready-to-use frontend component (where applicable)
• Help you set up a public callback URL for local development

What Gets Created

Depending on your framework, the skill generates:

• API route: /api/reclaim/generate-config — Initializes a proof request and returns the config to the frontend
• API route: /api/reclaim/callback — Receives and verifies completed proofs from Reclaim
• Frontend component: <ReclaimVerification /> — Displays a QR code (or link) for users to complete verification
• .env.local — Stores your Reclaim credentials

Learn More

• Reclaim Protocol Documentation
• Reclaim Developer Portal
• Claude Code Documentation