formhunt.Подключить форму
Промпт для вашего ИИ агента

Подключите форму с Cursor

Готовый промпт для Cursor: подключите существующую форму, сохраните дизайн и проверьте отправку. Скопируйте задание и вставьте в свой проект.

С чего начать

Скопируйте access_key в кабинете и вставьте в блок ниже. Передайте готовый промпт агенту в чате вашего проекта.

Взять промпт для Cursor
Шаг 1 · Скопируйте задание

Промпт для подключения формы

Вставьте access_key из кабинета в блок справа. Скопируйте промпт в чат проекта или выберите готовый код для вашего стека.

Открыть личный кабинет

Замените YOUR_ACCESS_KEY ключом своей формы. Для всех вариантов используется один адрес отправки.

Промпт

Задание вашему ИИ агенту
Подключи существующую форму на моём сайте к Formhunt.
Отправляй поля методом POST на https://api.formhunt.ru/v1/submit.
Добавь скрытое поле access_key со значением YOUR_ACCESS_KEY.
Сохрани дизайн, компоненты и подписи полей проекта.
Используй нативную HTML отправку без SDK и своей базы данных.
Проверь обязательные поля, email, Enter и мобильный экран.
Покажи изменения и результаты проверки в Cursor.

HTML

contact.html
<form action="https://api.formhunt.ru/v1/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
  <label for="email">Ваша почта</label>
  <input id="email" type="email" name="email" required>
  <label for="message">Сообщение</label>
  <textarea id="message" name="message" required></textarea>
  <button type="submit">Отправить</button>
</form>

React

ContactForm.tsx
export default function ContactForm() {
  return (
    <form action="https://api.formhunt.ru/v1/submit" method="POST">
      <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
      <label htmlFor="email">Ваша почта</label>
      <input id="email" type="email" name="email" required />
      <label htmlFor="message">Сообщение</label>
      <textarea id="message" name="message" required />
      <button type="submit">Отправить</button>
    </form>
  );
}

Next.js

app/components/ContactForm.tsx
export default function ContactForm() {
  return (
    <form action="https://api.formhunt.ru/v1/submit" method="POST">
      <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
      <label htmlFor="email">Ваша почта</label>
      <input id="email" type="email" name="email" required />
      <label htmlFor="message">Сообщение</label>
      <textarea id="message" name="message" required />
      <button type="submit">Отправить</button>
    </form>
  );
}

Astro

src/components/ContactForm.astro
<form action="https://api.formhunt.ru/v1/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
  <label for="email">Ваша почта</label>
  <input id="email" type="email" name="email" required>
  <label for="message">Сообщение</label>
  <textarea id="message" name="message" required></textarea>
  <button type="submit">Отправить</button>
</form>

Vue

ContactForm.vue
<template>
  <form action="https://api.formhunt.ru/v1/submit" method="POST">
    <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
    <label for="email">Ваша почта</label>
    <input id="email" type="email" name="email" required>
    <label for="message">Сообщение</label>
    <textarea id="message" name="message" required></textarea>
    <button type="submit">Отправить</button>
  </form>
</template>

Svelte

ContactForm.svelte
<form action="https://api.formhunt.ru/v1/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
  <label for="email">Ваша почта</label>
  <input id="email" type="email" name="email" required>
  <label for="message">Сообщение</label>
  <textarea id="message" name="message" required></textarea>
  <button type="submit">Отправить</button>
</form>

В Cursor начинайте с существующего компонента формы. Приложите нужные файлы и проверьте правила проекта, чтобы агент не собрал рядом второй интерфейс с другим оформлением.

Подготовьте контекст

Укажите страницу, UI-компоненты и шаблон полей. Повторяемые ограничения можно хранить в проектных Rules; не записывайте туда секреты. Правило про формы должно объяснять ожидаемое поведение, а не обещать работающий API.

Review результата

Посмотрите не только screenshot, но и обработчик кнопки. Убедитесь, что нет параллельных onClick/onSubmit с запросом и что ошибки не очищают ввод. Если агент добавил неоговорённый backend, верните scope к подготовке формы.

Проверьте подключение

Проверьте, что агент сохранил общий action и добавил скрытое поле access_key. Отправьте синтетическое обращение и найдите его в кабинете.

Источники и дата проверки

Редакционная сверка: 2026-10-27. Учитывайте версию инструментов в своём проекте.

Обновлено

Следующий шаг

Продолжите подключение

Шаблон формы

Контактная форма

Забрать короткую форму для первого обращения.

Руководство

Как проверить форму после генерации ИИ

Найти фиктивный успех и подготовить проверяемый отчёт.

Руководство

Доступная форма: подписи, фокус и ошибки

Собрать и проверить доступную разметку.

Начните с формы

Ваш сайт уже есть.
Подключим форму.

Откройте личный кабинет, затем передайте агенту промпт подключения.

Подключить форму