GitHub Copilot - FormBnB Documentation

Setup

Install the FormBnB skill in your project:

npx skills add formbnb/agent-skills -a github-copilot

This creates a SKILL.md file in .agents/skills/ (or ~/.copilot/skills/ for global install) that GitHub Copilot loads automatically.

npx skills list

You should see formbnb listed under GitHub Copilot.

Once installed, GitHub Copilot knows how to create FormBnB forms. Use it in VS Code’s Copilot Chat:

@workspace Create a contact form that submits to FormBnB

Open a file and ask Copilot to add a form:

Add a newsletter signup form that sends to FormBnB with honeypot spam protection

When you start typing a form element, Copilot will suggest FormBnB-compatible code:

<form action="https://api.formbnb.com/f/
<!-- Copilot completes with proper structure -->

Create a ContactForm React component that submits to FormBnB.
Handle loading, success, and error states.

Add a support ticket form with file attachment that submits to FormBnB.
Accept images and PDFs up to 10MB.

Create an Express.js webhook endpoint that receives FormBnB submissions
and forwards them to our Slack channel.

Works with Copilot Chat, Copilot Edits, and inline completions
The skill activates on form-related files (.html, .tsx, .jsx, .vue, .svelte, .astro)
For global installation: npx skills add formbnb/agent-skills -a github-copilot -g