draft-persistence

Store unsaved form content in localStorage and recover after failures.

Updated May 13, 2026
One-click install
npx skills add https://github.com/dloschiavo/orca --skill draft-persistence
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: draft-persistence
Source: https://github.com/dloschiavo/orca/tree/main/recipe/draft-persistence
Command: npx skills add https://github.com/dloschiavo/orca --skill draft-persistence

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill ensures that your unsaved form content is safely stored locally, allowing you to recover edits even after crashes, server outages, or deployments.

Core Features & Use Cases

  • LocalStorage Backup: Stores form content in localStorage on every keystroke.
  • Server Acknowledgment: Clears drafts only after the server acknowledges the save.
  • Recovery Across Failures: Protects against tab crashes, dev-server issues, network outages, and deploys.
  • Use Case: Ideal for forms that edit server-side data, ensuring that no unsaved work is lost during unexpected disruptions.

Quick Start

Use the draft-persistence skill to save and recover unsaved form content for your application.

Frequently Asked Questions about draft-persistence

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I prevent data loss in web forms during crashes or server outages?

Form persistence prevents data loss by storing unsaved form content in localStorage on the client, allowing recovery after crashes or server outages. It saves JSON-serialized multi-field form data locally on every keystroke.

What is the best way to recover unsaved form edits after a browser tab crashes?

Recovering unsaved edits after a tab crash requires localStorage backup, which preserves your keystrokes locally. You can restore the JSON-serialized form content when the page reloads, ensuring no unsaved work is lost.

How do I manage clearing form drafts after a successful server save?

Managing form drafts requires clearing the localStorage backup only after the server acknowledges a successful save. This server acknowledgment step ensures local drafts are not removed prematurely if network outages interrupt the submission.

Does localStorage form persistence work for multi-field JSON-serialized forms?

Yes, localStorage form persistence works for multi-field forms by serializing the content into JSON format. This approach supports complex server-side data editing workflows by storing structured form data locally on every keystroke.

Are there limitations to using localStorage for client-server form recovery?

Yes, limitations of localStorage for form recovery include browser storage size constraints and the requirement for forms to have server-side data editing. It also strictly requires localStorage access to function properly during failures.