turnstile-spin

Set up Cloudflare Turnstile by scanning codebases, deploying Workers, and wiring frontend validation.

Updated Jan 30, 2026
One-click install
npx skills add https://github.com/Rayzerrek/dotfiles --skill turnstile-spin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: turnstile-spin
Source: https://github.com/Rayzerrek/dotfiles/tree/main/.pi/agent/skills/turnstile-spin
Command: npx skills add https://github.com/Rayzerrek/dotfiles --skill turnstile-spin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires wrangler, degit, curl, jq, python3, openssl, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill removes the manual work involved in adding Cloudflare Turnstile to a project, so teams can protect forms from bots without designing the integration from scratch.

Core Features & Use Cases

  • End-to-End Setup: Scans the codebase, creates the widget, deploys the managed siteverify Worker, and wires the frontend to validate tokens before submission.
  • Framework-Aware Snippets: Provides ready-to-use integration patterns for vanilla HTML, Next.js, Astro, SvelteKit, and Hugo projects.
  • Safe Recovery and Validation: Handles existing widgets, validates the deployed backend, and preserves the user’s existing submit logic while adding bot protection.

Quick Start

Ask the AI to set up Cloudflare Turnstile for this project, including widget creation, Worker deployment, frontend wiring, validation, and skill persistence.

Frequently Asked Questions about turnstile-spin

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

FAQPage Schema
How do I add Cloudflare Turnstile to my web forms for bot protection?

To add Cloudflare Turnstile, you scan the codebase, create a widget, deploy the managed siteverify Worker, and wire the frontend to validate tokens before form submission. This applies to signup, login, and contact forms.

Does Cloudflare Turnstile integration work with Next.js, Astro, and SvelteKit?

Cloudflare Turnstile integration works with vanilla HTML, Next.js, Astro, SvelteKit, and Hugo projects. It provides framework-aware snippets that preserve existing submit logic while applying bot protection.

What do I need to set up Cloudflare Turnstile using Wrangler?

To set up Cloudflare Turnstile, you need Cloudflare API access, Wrangler, and proper secret handling. Dependencies include curl, jq, python3, and openssl to deploy the siteverify Worker and validate tokens.

Can I update an existing Turnstile widget without breaking my current submit logic?

Yes, you can update an existing Turnstile widget without breaking current submit logic. The integration handles existing widgets by applying validation checks and telemetry-marked snippets that safely preserve the user's original submission flows.

How does the Cloudflare siteverify Worker validate Turnstile tokens?

The Cloudflare siteverify Worker validates Turnstile tokens by intercepting frontend submissions and verifying them against the managed backend. This process validates the deployed backend and ensures tokens are checked before completing form submission.