Fillable PDF Forms
Let people fill in a PDF form on screen and download the completed copy.
What it adds
An on-screen fill layer over a PDF form that writes the entered values back into a downloadable file.
What your agent is told to do
5
What your agent is told to do
5-
1
Render the document and place editable inputs over its real form fields, so the user types on the page they recognise rather than into a separate form beside it.
-
2
Extend the app's existing PDF Export and document viewing paths rather than introducing a second renderer. Two renderers will disagree about fonts and page size, and the user will see the difference between screen and download.
-
3
Save progress as the user types using the app's existing Autosave, and restore the partly filled form on return.
-
4
Flatten the values into the page content on download so the completed copy cannot be edited back into a blank form.
-
5
Do not attempt a general document editor. Fill the fields that exist, offer a simple positioned overlay for documents that have none, and leave the rest of the file untouched.
Edge cases it handles
8
Edge cases it handles
8- Form fields in real documents are frequently unnamed or share a name across pages. Key stored answers to a stable position-based identifier rather than trusting the field name alone.
- Checkbox and radio groups whose members sit on different pages must move together. Selecting one option has to clear the others even when they are not on screen.
- A long form filled over twenty minutes must survive a refresh, a phone call, and a dropped connection. Save as the user goes rather than only on submit.
- A downloaded copy with live fields can be blanked and refilled by whoever receives it. Flatten on export and keep the fillable version separate from the completed one.
- Some documents that look like forms carry no field definitions at all, only printed lines. Fall back to a text overlay the user positions, and say plainly that this is what is happening.
- A value longer than its field must shrink or wrap rather than overflow into the neighbouring box or disappear at the boundary.
- The completed document usually contains personal data. Decide who may read the saved copy back, how long it is kept, and whether the partly filled draft falls under the same rule.
- Required fields must be checked before the download is offered, or people will send an incomplete form believing it is finished.
Definition of done
9
Definition of done
9- Users fill fields directly on the rendered page and see their values in place.
- Progress saves automatically and is restored after a refresh or a new session.
- Grouped checkboxes and radios stay consistent across pages.
- The downloaded copy is flattened and cannot be edited back to blank.
- Documents without real form fields get a usable overlay rather than an error.
- Long values fit their field without overflowing or being cut off.
- A partly filled form is readable only by the person filling it and expires on the app's normal schedule for stored user files.
- The feature matches the existing design system.
- No existing functionality is broken.
Related features
PDF Converter
PDF Converter
Let people turn the files they upload into PDFs, and PDFs back into editable formats.
What it does
A conversion service that accepts an uploaded document and returns it in a requested format, with progress and a downloadable result.
How it works
- 1 Start from the app's existing upload path rather than adding a second one. If File Upload, Upload Malware Scanning, or Secure File Downloads already exist, the converter consumes what upload produces and hands its output to the existing download route, so permissions and scanning are inherited rather than reimplemented.
- 2 Decide the conversion pairs you will actually support and list them in the interface. A short honest list of office documents, images, and PDF to text beats a control that offers every combination and fails on most of them.
- 3 Enforce file size, page count, and accepted types on the server before any conversion starts. A limit checked after the file has been parsed has already cost you the memory and the CPU you were trying to protect.
Copy the prompt
No account needed
Add this feature to my app:
https://addthisfeature.com/x/pdf-converter
Document Scanner
Document Scanner
Turn a phone photo of a paper document into a straight, readable, multi-page file.
What it does
A camera capture flow that detects page edges, corrects perspective, and assembles the shots into one document.
How it works
- 1 Lead with the capture screen: live edge detection, a shutter, and a running strip of the pages already taken. Somebody should be able to shoot five pages without leaving the camera.
- 2 Correct perspective and crop to the detected page before saving, then apply a contrast pass so a grey photo of a page reads as black text on white.
- 3 Give the user a review step where pages can be reordered, retaken, or deleted before anything is committed.
Copy the prompt
No account needed
Add this feature to my app:
https://addthisfeature.com/x/document-scanner
Document Import
Document Import
Turn an uploaded document into editable content instead of a dead attachment.
What it does
An import path that converts an uploaded word-processor or rich-text document into the app's own editable content.
How it works
- 1 Start from the app's existing File Upload rather than opening a second route with looser rules. A file that is about to be parsed and rendered back as editable content needs the size ceiling and the malware scan more than an ordinary attachment does, not less.
- 2 Map the imported document onto the content model the app's editor already uses. Anything the editor cannot represent must be dropped deliberately and reported, not smuggled in as raw markup.
- 3 Run parsing as background work with a visible status, because a large document will exceed a request timeout and the user needs to know whether it is working or stuck.
Copy the prompt
No account needed
Add this feature to my app:
https://addthisfeature.com/x/document-import
How it works
-
1
Copy the link
Grab the Markdown instruction URL for this feature.
-
2
Give it to your AI
Paste it into Claude Code, Cursor, v0, Lovable — whatever you build with.
-
3
It inspects, then implements
Your agent reads your existing app first, then adds the feature to fit it.
Works with your stack
These instructions are written to adapt. They tell the agent to detect your framework, match your existing design system, and reuse what you already have — rather than assuming a particular stack.
Need it tighter than that? Customize the feature and tell it exactly what you're running.