--- title: "Build with AI" description: "Use Forminit AI skills with ChatGPT, Claude, Cursor, Windsurf, and other AI coding assistants. Copy instructions or install skills for instant form integration." url: https://forminit.com/docs/build-with-ai/ --- # Build with AI Forminit provides ready-made AI skills — structured instructions that AI coding assistants can use to integrate Forminit into your project. Works with ChatGPT, Claude, Cursor, Windsurf, Copilot, and any LLM that accepts context. --- ## What are AI Skills? AI skills are markdown files that follow the Agent Skills open standard. They contain everything an AI assistant needs to correctly integrate Forminit: constraints, code examples, field naming conventions, and common mistakes to avoid. Instead of explaining Forminit to your AI assistant every time, copy a skill and the AI will generate correct integration code on the first try. --- ## Available Skills | Skill | Stack | Skill URL | |-------|-------|-----------| | [HTML / Static Sites](https://forminit.com/docs/html/) | Any HTML page, Webflow, WordPress, Squarespace, Ghost | `https://forminit.com/skills/forminit-html/SKILL.md` | | [React](https://forminit.com/docs/react/) | React, Vite, CRA, Remix (client-side) | `https://forminit.com/skills/forminit-react/SKILL.md` | | [Next.js](https://forminit.com/docs/nextjs/) | Next.js App Router with server-side API key proxy | `https://forminit.com/skills/forminit-nextjs/SKILL.md` | | [Nuxt.js](https://forminit.com/docs/nuxtjs/) | Nuxt.js with server route for API key protection | `https://forminit.com/skills/forminit-nuxtjs/SKILL.md` | | [Node.js](https://forminit.com/docs/nodejs/) | Express, Fastify, or any Node.js backend | `https://forminit.com/skills/forminit-nodejs/SKILL.md` | | [Python](https://forminit.com/docs/python/) | Flask, Django, FastAPI, or any Python backend | `https://forminit.com/skills/forminit-python/SKILL.md` | --- ## How to Use ### Option 1: Reference the Skill URL Give your AI assistant the skill URL directly in your prompt: ``` Use the Forminit skill at https://forminit.com/skills/forminit-html/SKILL.md to add a contact form to my site. ``` ### Option 2: Add to Project Context For tools like Cursor or Windsurf that support project-level context, add the skill file to your project: ```bash curl -o FORMINIT_SKILL.md https://forminit.com/skills/forminit-html/SKILL.md ``` The AI will reference it automatically when you ask about forms. ### Option 3: Copy and Paste Open the skill URL in your browser, copy the content, and paste it into your AI assistant's context. --- ## Prompt Examples Copy any of these prompts, replace the Form ID, and paste into your AI assistant. ### Newsletter signup with interest tags > Build a newsletter signup form with email, first name, and an interest area checkbox group (Product Updates, Engineering Blog, Design Inspiration, Case Studies, Industry News). Show a minimal inline success message after submit. Connect it with Forminit. > > formId: `` > > Use this integration skill guide: https://forminit.com/skills/forminit-react/SKILL.md ### Freelance project request form > Build a freelance project request form with name, email, phone, a project type select (Website, Mobile App, Branding, UI/UX Audit, Consulting), a deadline date picker, a budget radio (Under $1K, $1K-$5K, $5K-$15K, $15K+), and a project brief textarea. Connect it with Forminit. > > formId: `` > > Use this integration skill guide: https://forminit.com/skills/forminit-html/SKILL.md ### Course enrollment form > Build a course enrollment form with full name, email, phone, a course select (Intro to Python, Advanced JavaScript, Data Science Fundamentals, UX Design Workshop), a skill level radio (Beginner, Intermediate, Advanced), and a "Why do you want to take this course?" textarea. Connect it with Forminit. > > formId: `` > > Use this integration skill guide: https://forminit.com/skills/forminit-nextjs/SKILL.md ### Vendor application form with file upload > Build a vendor application form with company name, contact email, phone, website URL, a product category select (Food & Beverage, Handmade Goods, Clothing, Art & Prints, Jewelry, Other), a booth size radio (Small 6x6ft, Medium 8x8ft, Large 10x10ft), a product catalog file upload (PDF or images), and an "About your business" textarea. Connect it with Forminit. > > formId: `` > > Use this integration skill guide: https://forminit.com/skills/forminit-nuxtjs/SKILL.md ### Property maintenance request > Build a property maintenance request form with tenant name, email, phone, a unit number text field, an urgency radio (Low — within a week, Medium — within 48 hours, High — same day, Emergency — immediate), a category select (Plumbing, Electrical, HVAC, Appliance, Pest Control, General), a description textarea, and a photo upload for the issue (images only, multiple files). Connect it with Forminit. > > formId: `` > > Use this integration skill guide: https://forminit.com/skills/forminit-html/SKILL.md --- ## LLM Overview File Forminit also provides a comprehensive `llms.txt` file that covers the full API, all features, and all framework guides in a single document: ``` https://forminit.com/llms.txt ``` Use this when you need the AI to understand the full Forminit platform, not just a specific framework integration.