A focused prompt-writing modal: touch the prompt box to open a dedicated modal for structure, grammar check, and clarity before submitting.
Click on the prompt box to open a dedicated modal for structured prompt writing, grammar checking, and distraction-free focus.
Wheelder Prompt Modal is a new way of writing prompts: when you click on the prompt box, a dedicated modal pops up. This isolates the cognitive task of prompt crafting from the conversation thread, helping you focus purely on prompt structure, grammar, and clarity before sending.
By temporarily "forgetting" the chat thread and moving into a focused writing surface, users can structure prompts better, run a quick grammar check, clear or reset text, and then submit a stronger prompt back to the session. This improves prompt quality and downstream AI output.
The following screenshots are from the production platform at wheelder.com/prompt-modal:
Prompt modal open with structured fields
Grammar check & clear text before submit
| Feature | Description | Status |
|---|---|---|
| Modal-triggered prompt writing | Touch the prompt box to open a modal for distraction-free drafting | ✅ Live |
| Prompt structure guidance | Inline tips to build role, objective, constraints, format, and context | ✅ Live |
| Grammar check & clarity pass | One-click grammar/clarity check before submission | ✅ Live |
| Clear & reset | Instantly clear text to restart the prompt with fresh focus | ✅ Live |
| Submit back to thread | Send refined prompt to the conversation or agent workflow | ✅ Live |
Prompt Box (UI trigger)
↓ (on touch/click)
Prompt Modal (focus surface)
├─ Grammar/clarity check helper
├─ Prompt structure hints (role/objective/constraints/format/context)
└─ Clear/reset actions
↓ (submit)
Conversation/Agent pipeline
| Component | Technology | Why |
|---|---|---|
| Frontend | Bootstrap 5, Vanilla JS | Fast UI, zero build, modal + keyboard focus trapping |
| Backend | PHP 8+ | Lightweight form handling & validation |
| Database | SQLite | Persist drafts and submissions if needed |
The Prompt Modal design is grounded in human-computer interaction and prompt-engineering research that emphasizes reasoning, structure, and reduction of cognitive load.
All development is publicly verifiable on GitHub:
| Feature | Wheelder Prompt Modal | Traditional Chat Box | IDE Inline Prompt |
|---|---|---|---|
| Focused writing surface | ✅ Modal isolation | ⚠️ Mixed with chat | ⚠️ Mixed with code |
| Structure guidance | ✅ Built-in tips | ❌ None | ⚠️ Minimal |
| Grammar check | ✅ One-click | ❌ None | ⚠️ Plugin only |
| Clear/reset | ✅ Instant | ⚠️ Manual | ⚠️ Manual |
| Cognitive load reduction | ✅ Modal isolates task | ❌ High | ⚠️ Medium |