1. Habit
  2. Skills
  3. Netlify Forms skill
netlify · 3K installs

Netlify Forms skill
Runs by itself, form markup changed.

Every form still gets submissions.

Install the Netlify Forms skill and make it a habit: follow https://gethabit.dev/skills/netlify/netlify-forms.md

  1. 1Copy
  2. 2Paste into Claude Code, Codex or Cursor
  3. 3It runs by itself

3K installs41 starsMIT licenceSource on GitHub ↗

Netlify Forms

by netlify · 3K installs

The skill

The netlify forms skill helps an agent add and debug forms on Netlify sites: detection at deploy time, AJAX submission, file uploads, spam filtering and notifications, including forms in Next.js, Nuxt, SvelteKit, Astro and Gatsby.

Only when you ask.

The habit

Every form still gets submissions.

↻ Runs by itselfform markup changed

How the habit works.
You don't have to.

Three questionsWhen does it start? How does it check its work? What does it remember?

01

It starts by itself

form markup changed. Runs in GitHub Actions or Claude Code routine.

  • ↻ form markup changed
  • pull_request touching files with data-netlify forms

02

It checks its work

skeleton matches every form. If a check fails, it tells you.

  • ✓each form name is unique per site
  • ✓every JS-rendered form has a twin in public/__forms.html with the same field names
  • ✓AJAX posts use URL-encoded bodies, not JSON
  • ✓no action path ends in .html

03

It remembers

registered forms list. The next run reads it first: form names and fields from the last run.

loops/netlify-forms-check-loop/forms.md

One run, step by step.
Then it stops.

Stop ruleStops after one pull request and at most 20 forms per run.

  1. 01

    Find the forms

    Your agent lists every form tag with data-netlify or netlify in the changed files.

  2. 02

    Check names

    Each form name must be unique and match its hidden form-name input.

  3. 03

    Check the skeleton

    JS-rendered and SSR forms need a hidden copy in public/__forms.html with exactly the same fields.

  4. 04

    Check submissions

    AJAX code must send URL-encoded bodies, and SSR apps must post to /__forms.html, not /.

  5. 05

    Check success pages

    Custom action paths must be extensionless, like /thank-you.

  6. 06

    Report and record

    The agent comments the failed checks and updates the list of registered forms.

What it may do.
Nothing more.

Safe by defaultIt writes only in its own folder and asks you before anything goes out.

Is it for you?
Use it when it fits.

Quick checkRead both lists. If the left one sounds like you, the Netlify Forms skill helps.

Use it when

  • ✓ You add a contact or signup form
  • ✓ A framework form never registers
  • ✓ Submissions go missing

Skip it when

  • – Your site is not on Netlify
  • – You need a full form backend with custom logic

Questions

Netlify Forms skill, answered.

Why does the skeleton file matter?

Forms that render in JavaScript are not in the built HTML, so without the skeleton file Netlify never registers them and submissions fail silently.

What about a missing submission?

The skill says to check the Spam list first, since Akismet may have flagged it.

How do I install the Netlify Forms skill?

Copy the prompt at the top into your agent. It installs the skill from netlify/context-and-tools and sets up the habit. Or run npx skills add netlify/context-and-tools --skill netlify-forms.

Is the Netlify Forms skill free?

Yes. It is published under MIT. Habit is free too.

Netlify Forms. Now as a habit.

Install the Netlify Forms skill and make it a habit: follow https://gethabit.dev/skills/netlify/netlify-forms.md

  • Free
  • No account
  • Undo in one line

All netlify skills →More code skills →

Works in

  • Claude Code
  • Codex
  • Cursor
  • ChatGPT
  • Claude app

Made by netlify, published under MIT. Habit links to the original and never changes it. Is this your skill?

Copying didn't work here. Select the line and copy it by hand.