netlify-forms Skill
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. Published by openai in plugins.
What is netlify-forms Skill?
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. Published by openai in plugins. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Data analysis
- Design and media
- Data analysis use cases
- Design and media use cases
Technical details
- Install or run with Copy skill directory
When to use netlify-forms Skill
- Use it for data analysis.
- Use it for design and media.
Built with
Editorial notes
Source
- Creator: openai
- Repository: openai/plugins
- Skill file: plugins/netlify/skills/netlify-forms/SKILL.md
What it does
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.
Skill instructions
Netlify Forms Netlify Forms collects HTML form submissions without server-side code. Form detection must be enabled in the Netlify UI (Forms section). Basic Setup Add data-netlify="true" and a unique name to the form: html <form name="contact" method="POST" data-netlify="true" <labelName: <input type="text" name="name" /</label <labelEmail: <input type="email" name="email" /</label <labelMessage: <textarea name="message"</textarea</label <button type="submit"Send</button </form Netlify's build system detects the form and injects a hidden form-name input automatically. For a custom success page, add action="/thank-you" to the form tag. Use paths without .html extension — Netlify serves thank-you.html at /thank-you by default, and the .html path returns 404. JavaScript-Rendered Forms (React, Vue, SSR Frameworks) For forms rendered by JavaScript frameworks (React, Vue, TanStack Start, Next.js, SvelteKit, Remix, Nuxt), Netlify's build parser cannot detect the form in static HTML. You MUST
Explore related resources
Frequently asked questions
What is netlify-forms?
netlify-forms is a open-source AI agent skill with Copy skill directory. 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.
Who is netlify-forms best for?
netlify-forms is best for reusing agent instructions, scripts, and references, data analysis workflows, design and media workflows.
How do I install netlify-forms?
Install or run netlify-forms using Copy skill directory. Check netlify-forms for the latest setup command.
Is netlify-forms actively maintained?
netlify-forms may need a closer maintenance check before production use.
Auto-fetched from GitHub.
