Skip to main content

Documentation Index

Fetch the complete documentation index at: https://doc.spike.ac/docs/llms.txt

Use this file to discover all available pages before exploring further.

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 Spike skill, your AI agent learns how to create forms, handle submissions, set up file uploads, configure webhooks, and use the Spike API — without you having to explain it every time. The Spike 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 spike-forms/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 spike-forms/agent-skills -a cursor -a claude-code

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

# Non-interactive (CI/CD friendly)
npx skills add spike-forms/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 Spike 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 Spike 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 Spike-specific instructions. Just say:
“Add a contact form that sends to Spike”
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.spike.ac/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 spike-forms

# Remove the skill
npx skills remove spike-forms

Next Steps

Agent-Specific Guides

Setup instructions for each agent

Quick Start

Get your first form working