> ## 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.

# Cursor

> Use FormBnB forms with Cursor - the AI-first code editor

## Setup

Install the FormBnB skill in your project:

```bash theme={null}
npx skills add formbnb/agent-skills -a cursor
```

This creates a `SKILL.md` file in `.agents/skills/` (or `~/.cursor/skills/` for global install) that Cursor loads automatically.

### Verify Installation

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

You should see `formbnb` listed under Cursor.

## Usage

Once installed, Cursor's AI knows how to create FormBnB forms. Use it in Chat, Composer, or inline edits:

### In Chat

```
Create a contact form component that submits to FormBnB
```

### In Composer

```
Add a feedback form to the footer that sends to FormBnB with email notifications
```

### Inline Edit (Cmd+K)

Select an existing form and ask:

```
Convert this to submit via FormBnB with AJAX and show a success message
```

## Examples

### Ask Cursor to build a contact page:

```
Create a contact page at /contact with a form that submits to FormBnB.
Include name, email, and message fields. Show a success message after submission.
Redirect to /thank-you on success.
```

### Ask Cursor to add file uploads:

```
Add a file upload field to the application form. It should accept PDF and DOCX files
and submit to FormBnB with multipart/form-data.
```

### Ask Cursor to set up webhooks:

```
Create an API route at /api/webhook that receives FormBnB form submissions
and saves them to the database. Verify the webhook signature.
```

## Tips

* The skill activates when you're editing form-related files (`.html`, `.tsx`, `.jsx`, `.vue`, `.svelte`, `.astro`)
* Works in both Chat and Composer modes
* For global installation: `npx skills add formbnb/agent-skills -a cursor -g`
* Cursor also supports skills via `.cursor/rules/` — the skills CLI handles the correct path automatically