Skip to main content

Netlify Forms

Skill Verified Active

Guide for using Netlify Forms for HTML form handling. Use when adding contact forms, feedback forms, file upload forms, or any form that should be collected by Netlify. Covers the data-netlify attribute, spam filtering, AJAX submissions, file uploads, notifications, and the submissions API.

Purpose

To guide users on effectively implementing and managing HTML forms with Netlify Forms for collecting data, feedback, and file uploads.

Features

  • Netlify Forms setup for static and JavaScript-rendered forms
  • AJAX submission handling with vanilla JavaScript and React examples
  • Spam filtering via honeypot and reCAPTCHA
  • File upload capabilities with size and timeout limits
  • Notifications (email, Slack, webhooks) and Submissions API access

Use Cases

  • Adding contact forms to a website
  • Implementing feedback forms
  • Handling file uploads through Netlify
  • Collecting form data programmatically via the Submissions API

Non-Goals

  • Server-side code for form processing
  • General HTML form best practices outside of Netlify's scope
  • Client-side form validation logic (beyond basic HTML attributes)

Practical Utility

  • info:Edge casesThe SKILL.md mentions SSR troubleshooting and file upload limits but does not extensively document other failure modes with recovery steps.

Installation

First, add the marketplace

/plugin marketplace add netlify/context-and-tools
/plugin install context-and-tools@netlify-context-and-tools

Quality Score

Verified
95 /100
Analyzed about 17 hours ago

Trust Signals

Last commit6 days ago
Stars17
LicenseMIT
Status
View Source

Similar Extensions

Deepinit

100

Deep codebase initialization with hierarchical AGENTS.md documentation

Skill
Yeachan-Heo

Presentation Styling

100

Knowledge about CSS classes, component patterns, and syntax highlighting in the presentation

Skill
shanraisshan

Presentation Structure

100

Knowledge about the presentation slide format, weight system, navigation, and section structure

Skill
shanraisshan

Develop Web Game

100

Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.

Skill
davila7

Netlify Identity

100

Use when the task involves authentication, user signups, logins, password recovery, OAuth providers, role-based access control, or protecting routes and functions. Always use `@netlify/identity`. Never use `netlify-identity-widget` or `gotrue-js` — they are deprecated.

Skill
netlify

Teach Guidance

100

Guide a person in becoming a better teacher and explainer. AI coaches content structuring, audience calibration, explanation clarity, Socratic questioning technique, feedback interpretation, and reflective practice for technical presentations, documentation, and mentoring. Use when a person needs to present technical content and wants preparation coaching, wants to write better documentation or tutorials, struggles to explain concepts across expertise levels, is mentoring a colleague, or is preparing for a talk or knowledge-sharing session.

Skill
pjt222

© 2025 SkillRepo · Find the right skill, skip the noise.