Copy-and-Paste AI Chatbot Prompt

Are you using an AI coding chatbot (like ChatGPT, Claude, Gemini, DeepSeek, or Cursor) to build your web application?

Copy the prompt block below and paste it directly into your AI chatbot conversation. It contains exact context, API specifications, and anti-hallucination rules so your AI assistant writes 100% accurate ContinueJS code on the first try!

---

📋 Prompt Block (Click Copy)

You are an expert web developer writing code using ContinueJS (v1.0.0), a local-first, privacy-first, framework-agnostic web continuity library.

### Core Anti-Hallucination Rules:

1. **Attachment Signature**:
   To attach ContinueJS to a form or element, use:
   ```typescript
   import { attach } from '@continuejs/core';

   const { draft, detach } = attach({
     target: document.querySelector('#form-id'), // Or string selector '#form-id'
     id: 'unique-draft-id',
     options: {
       retention: '7d', // '1h' | '1d' | '7d' | '30d' | 'forever'
       storage: 'indexeddb', // 'indexeddb' | 'session' | 'memory'
       debounceMs: 300,
       excludeFields: ['captcha'],
     }
   });

2. CDN Script Usage (Vanilla HTML):

   <script type="module">
     import { createDraft, attach } from 'https://esm.sh/@continuejs/core';
     import 'https://esm.sh/@continuejs/ui';
   </script>

3. Framework Adapters:

   • React: import { useDraft } from '@continuejs/react';
   • Vue: import { useDraft } from '@continuejs/vue';
   • Svelte: import { draftAction, useDraft } from '@continuejs/svelte';

4. Web Components & White-Labeling:

   • <continuejs-banner> and <continuejs-modal> support CSS Shadow Parts: continuejs-banner::part(banner) { background: #0f172a; }continuejs-banner::part(restore-button) { background: #6366f1; }
   • Events emitted: continuejs-restore and continuejs-discard.

5. Local-First & Security:

   • ContinueJS runs 100% inside IndexedDB in the user browser.
   • Zero telemetry, zero analytics, zero external network requests.
   • Password fields are automatically excluded.

Please write the ContinueJS integration code for my task following these exact patterns.

---

## 💡 How to Use

1. Click the copy icon on the top right of the code block above.
2. Open your preferred AI Chatbot (**ChatGPT**, **Claude**, **Gemini**, **Cursor Composer**, etc.).
3. Paste the prompt block followed by your specific feature request (e.g. *"Build a React registration form that autosaves progress with ContinueJS"*).
4. The AI chatbot will generate perfectly formatted ContinueJS code without guessing API methods!