Cursor - FormBnB Documentation

Setup

Install the FormBnB skill in your project:

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

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

​Setup

​Verify Installation

​Usage

​In Chat

​In Composer

​Inline Edit (Cmd+K)

​Examples

​Ask Cursor to build a contact page:

​Ask Cursor to add file uploads:

​Ask Cursor to set up webhooks:

​Tips