# Build forms with AI

Skill files for MyFormConnect - paste a URL into ChatGPT, Claude, Cursor, or any coding assistant so it wires forms to the right endpoint, field names, file uploads, and spam protection on the first try.

## What are these skills?

Markdown instruction files an AI loads when you're building a form. Each covers one stack (HTML, React, Next.js) for **this portal only** - every example uses https://myformconnect.io URLs.

Compatible with Cursor, Claude Code, Copilot, and any tool that accepts a URL or pasted context.

## MyFormConnect skills (use these)

| Stack | Use for | Skill URL |
| --- | --- | --- |
| AGENTS.md | Short contract for coding agents (any stack) | `https://myformconnect.io/AGENTS.md` |
| HTML | Static sites, Framer embeds, multi-step, file uploads | `https://myformconnect.io/skills/myformconnect/html/SKILL.md` |
| React | Vite, CRA, client-side React | `https://myformconnect.io/skills/myformconnect/react/SKILL.md` |
| Next.js | App Router, server proxy | `https://myformconnect.io/skills/myformconnect/nextjs/SKILL.md` |

## Wrong portal?

Ask which URL you sign in at. **myformconnect.io** (EU, US, Canada, rest of world) and **myformcapture.com** (India) are independent. Accounts, form UUIDs, endpoints, and loader.js must all match one portal.

If you registered on MyFormCapture, use https://myformcapture.com/AGENTS.md and skills at https://myformcapture.com/skills/myformcapture/ instead. Mixing portals causes latency and wrong-region storage.

## How to use them

### 1. Paste the skill URL in your prompt

```
Build a contact form with name, email, and message.
Submit to MyFormConnect form UUID: YOUR_FORM_UUID
Use: https://myformconnect.io/skills/myformconnect/html/SKILL.md
```

### 2. Download into your project

```
curl -o MFC_HTML_SKILL.md https://myformconnect.io/skills/myformconnect/html/SKILL.md
```

### 3. Copy and paste

Open the skill URL, copy the contents, paste into your assistant.

## Example prompts

Replace `YOUR_FORM_UUID` with your form ID from the MyFormConnect dashboard.

### Newsletter signup

```
Build a newsletter signup with email, first name, and interest checkboxes.
Inline success message after submit.
formUuid: YOUR_FORM_UUID
Skill: https://myformconnect.io/skills/myformconnect/html/SKILL.md
```

### Framer multi-step sales form

```
Build a multi-step sales inquiry form for Framer Embed matching: [YOUR_SITE_URL]
Include loader.js for spam protection. Inline CSS and JS only.
formUuid: YOUR_FORM_UUID
Skill: https://myformconnect.io/skills/myformconnect/html/SKILL.md
```

[Framer multi-step walkthrough](/blog/framer-multi-step-form-file-upload).

## Also useful

- [AI Form Builder](/ai-form-builder)
- [AI Quiz Maker](/ai-quiz-maker)
- [Tables & choice matrices](/docs/form-tables)
- [AGENTS.md](/AGENTS.md) - short contract for coding agents
- [llms.txt](/llms.txt) - product overview for AI tools
- [100+ copy-paste forms](/forms)
- [Using Loader.js](/docs/features/using-loader)
- [File upload guide](/docs/features/file-upload)