> ## Documentation Index
> Fetch the complete documentation index at: https://formbnb.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# GitHub Copilot

> Use FormBnB forms with GitHub Copilot

## Setup

Install the FormBnB skill in your project:

```bash theme={null}
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.

### Verify Installation

```bash theme={null}
npx skills list
```

You should see `formbnb` listed under GitHub Copilot.

## Usage

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

### Copilot Chat

```
@workspace Create a contact form that submits to FormBnB
```

### Copilot Edits

Open a file and ask Copilot to add a form:

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

### Inline Suggestions

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

```html theme={null}
<form action="https://api.formbnb.com/f/
<!-- Copilot completes with proper structure -->
```

## Examples

### Contact form in React:

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

### Form with file upload:

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

### Webhook receiver:

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

## Tips

* 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`