netlify-forms

Automates Netlify Forms integration and submission handling for HTML projects.

Updated May 31, 2026
One-click install
npx skills add https://github.com/ChristineTham/lp --skill netlify-forms-christinetham
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: netlify-forms
Source: https://github.com/ChristineTham/lp/tree/main/.agents/skills/netlify-forms
Command: npx skills add https://github.com/ChristineTham/lp --skill netlify-forms-christinetham

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Netlify Forms eliminates the need for custom server endpoints by enabling HTML forms to submit data directly to Netlify when hosted on Netlify. It streamlines form handling, spam protection, and notification setup.

Core Features & Use Cases

  • Basic form setup with data-netlify="true" and a unique form name
  • AJAX submissions and handling for client-side apps, including React, Vue, or SSR frameworks
  • Spam filtering via honeypot fields and optional reCAPTCHA, and support for file uploads

Quick Start

To start collecting submissions, add a form with data-netlify="true" and a unique name, ensure the form-name hidden input is present if using AJAX, and deploy to Netlify.

Frequently Asked Questions about netlify-forms

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

FAQPage Schema
How do I set up Netlify Forms to collect submissions on a static site?

To collect submissions on a static site, add a form with the data-netlify="true" attribute and a unique form name, then deploy your project to Netlify to automatically capture data without custom server endpoints.

How do I submit Netlify Forms using AJAX in a single-page app?

To submit Netlify Forms using AJAX in a single-page app, include a hidden form-name input in your skeleton form and post the serialized data to that endpoint, enabling client-side submission handling without full page reloads.

Does Netlify Forms work with React, Vue, and SSR frameworks?

Yes, Netlify Forms works with React, Vue, and SSR frameworks by utilizing AJAX submission paths to a hidden skeleton form, capturing and validating form data directly from client-side applications.

How do I add spam filtering to Netlify Forms?

You can add spam filtering to Netlify Forms by implementing honeypot fields for basic bot protection and integrating optional reCAPTCHA validation to prevent automated spam submissions.

Can I handle file uploads through Netlify Forms?

Yes, you can handle file uploads through Netlify Forms by configuring your HTML form attributes to capture files, allowing static sites to process file submissions alongside standard text data.