Signature Pad
Let someone sign with a finger, stylus, or mouse and attach it to a document.
What it adds
A drawing surface that captures a handwritten signature and stores it against the record being signed.
What your agent is told to do
5
What your agent is told to do
5-
1
Place the pad where the signing actually happens, inside the existing form or document view, so the user is not sent to a separate screen and back.
-
2
Store the captured signature through the app's existing file storage and access rules, and treat it as private. A signature image readable by anyone with the URL is a forgery kit.
-
3
Record who signed, when, on what record, and from what session alongside the image. The picture alone proves nothing.
-
4
Offer a typed-name alternative next to the drawing surface and give it equal standing, since drawing with a mouse is unpleasant and impossible with a keyboard or screen reader.
-
5
Do not present this as a legally binding electronic signature workflow. If the app already integrates a signature provider, route contracts there and keep this for in-app acknowledgements.
Edge cases it handles
8
Edge cases it handles
8- Drawing at logical pixel size on a high-density screen produces a signature that looks soft when displayed and worse when printed. Scale the drawing surface to the device pixel ratio and capture strokes at that resolution.
- A clear control that resets the surrounding form as well as the signature will lose the user's work. Scope clear to the signature only, and provide an undo that removes the last stroke rather than everything.
- On touch devices a drag across the pad scrolls the page instead of drawing. Suppress scrolling and pull-to-refresh over the pad while a stroke is in progress, and restore normal behaviour the moment the finger lifts.
- A signature stored without a timestamp, signer identity, and the version of what was signed is unusable as evidence. Persist that context in the same write as the image, and prevent it being edited afterwards.
- A typed-name alternative must produce the same signed record as a drawn one, with the same context stored, so assistive technology users are not pushed into a lesser path.
- An empty or accidental single-dot signature must be rejected before submission rather than saved as a valid mark.
- Losing connection during submission must not clear the drawn signature. Keep it on screen and allow a retry.
- The stored signature needs a stated retention period and a defined answer for what happens to it when the signer's account is deleted.
Definition of done
9
Definition of done
9- A signature can be drawn with finger, stylus, or mouse and saved against the record.
- Captured strokes render sharply on high-density screens and in print.
- Clear resets only the signature, and undo removes a single stroke.
- Drawing on a touch device does not scroll or refresh the page.
- Each signature is stored with signer identity, timestamp, and the version of what was signed.
- A typed-name alternative produces an equivalent signed record.
- Stored signatures are private, with a stated retention period.
- 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
Fillable PDF Forms
Fillable PDF Forms
Let people fill in a PDF form on screen and download the completed copy.
What it does
An on-screen fill layer over a PDF form that writes the entered values back into a downloadable file.
How it works
- 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.
Copy the prompt
No account needed
Add this feature to my app:
https://addthisfeature.com/x/fillable-pdf-forms
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
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.