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

# Replit

> Use FormBnB forms with Replit - AI-powered cloud IDE

## Setup

Install the FormBnB skill in your Replit project:

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

This creates a `SKILL.md` file in `.agents/skills/` that Replit's AI agent loads automatically.

### Verify Installation

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

You should see `formbnb` listed under Replit.

## Usage

Once installed, Replit's AI assistant knows how to create FormBnB forms. Use it in the AI chat:

### In Chat

```
Add a contact form to the homepage that submits to FormBnB
```

### With Replit Agent

```
Build a landing page with a waitlist form. Use FormBnB for the form backend.
Include email capture with spam protection.
```

## Example Prompts

### Simple Contact Form

```
Create a contact page with a form that submits to FormBnB.
Include name, email, and message fields.
Show a success message after submission.
```

### Form with File Upload

```
Add a support ticket form with file attachment.
Submit to FormBnB with multipart/form-data.
Accept images and PDFs.
```

### Full App with Forms

```
Build a customer feedback app with:
- A feedback form (rating, category, message)
- A bug report form (title, steps to reproduce, screenshot upload)
Both forms should submit to FormBnB. Show submission history from the FormBnB API.
```

## Without the Skill

If you prefer not to install the skill, include FormBnB details in your prompt:

```
Create a contact form that POSTs to https://api.formbnb.com/f/MY_ORG/contact
using fetch with FormData. Add a hidden _gotcha field for spam protection.
Handle loading and success states.
```

<Tip>
  Replit's AI agent can build full-stack apps. Use FormBnB for the form backend so you don't need to set up your own submission handling, email notifications, or webhook routing.
</Tip>