AI Agent Skills

What Are Agent Skills?

Agent skills are reusable instruction sets that teach AI coding agents how to work with specific tools and services. When you install the FormBnB skill, your AI agent learns how to create forms, handle submissions, set up file uploads, configure webhooks, and use the FormBnB API — without you having to explain it every time. The FormBnB skill works with 40+ AI coding agents including Claude Code, Cursor, GitHub Copilot, Windsurf, Kiro, and many more.

Install

Run this in your project directory:

npx skills add formbnb/agent-skills

The CLI auto-detects which agents you have installed and adds the skill to each one.

Install Options

# Install to specific agents
npx skills add formbnb/agent-skills -a cursor -a claude-code

# Install globally (available in all projects)
npx skills add formbnb/agent-skills -g

# Non-interactive (CI/CD friendly)
npx skills add formbnb/agent-skills -a cursor -y

What the Skill Teaches Your Agent

Once installed, your AI agent knows how to:

Create HTML forms that POST to your FormBnB endpoint
Build React/Next.js forms with proper state handling
Submit forms via JSON API
Handle file uploads with multipart/form-data
Use special fields (_next, _subject, _replyto, _gotcha)
Set up webhooks with HMAC signature verification
Use the FormBnB REST API with sk_ API keys
Auto-create forms by submitting to new slugs

How It Works

The skill is a SKILL.md file that gets loaded into your agent’s context when you work on form-related files (.html, .tsx, .jsx, .vue, .svelte, .astro). It contains structured instructions and code examples that the agent follows. You don’t need to prompt the agent with FormBnB-specific instructions. Just say:

“Add a contact form that sends to FormBnB”

And the agent knows exactly what to do.

Supported Agents

Claude Code

Anthropic’s CLI coding agent

Cursor

AI-first code editor

GitHub Copilot

GitHub’s AI pair programmer

Windsurf

Codeium’s AI IDE

Kiro

Amazon’s AI IDE

Lovable

AI full-stack app builder

Bolt

StackBlitz AI app builder

v0

Vercel’s AI UI generator

Replit

AI-powered cloud IDE

See the full list of 40+ supported agents.

Quick Example

After installing the skill, here’s what a typical interaction looks like: You: “Create a contact form for my portfolio site” Agent:

<form action="https://api.formbnb.com/f/YOUR_ORG/YOUR_FORM" method="POST">
  <input type="text" name="_gotcha" style="display:none">

  <label for="name">Name</label>
  <input type="text" id="name" name="name" required>

  <label for="email">Email</label>
  <input type="email" id="email" name="email" required>

  <label for="message">Message</label>
  <textarea id="message" name="message" required></textarea>

  <button type="submit">Send Message</button>
</form>

The agent automatically includes the honeypot field, proper field names, and the correct endpoint format — because the skill taught it how.

Managing Skills

# List installed skills
npx skills list

# Update to latest version
npx skills update formbnb

# Remove the skill
npx skills remove formbnb

AI Agents

What Are Agent Skills?

Install

Install Options

What the Skill Teaches Your Agent

How It Works

Supported Agents

Claude Code

Cursor

GitHub Copilot

Windsurf

Kiro

Lovable

Bolt

v0

Replit

Quick Example

Managing Skills

Next Steps

Agent-Specific Guides

Quick Start

​What Are Agent Skills?

​Install

​Install Options

​What the Skill Teaches Your Agent

​How It Works

​Supported Agents

Claude Code

Cursor

GitHub Copilot

Windsurf

Kiro

Lovable

Bolt

v0

Replit

​Quick Example

​Managing Skills

​Next Steps

Agent-Specific Guides

Quick Start

What Are Agent Skills?

Install

Install Options

What the Skill Teaches Your Agent

How It Works

Supported Agents

Quick Example

Managing Skills

Next Steps