QR Code Generator
Turn a link, some text, or a contact detail into a QR code people can print or download.
What it adds
A QR code generator with live preview, optional branding, and downloads suitable for both screen and print.
What your agent is told to do
5
What your agent is told to do
5-
1
Generate the code in the browser and update the preview as the user types, so they can see immediately when the content gets long enough to make the code too dense to be practical.
-
2
Support the kinds of content the app actually needs to encode: a link, plain text, and contact details. Do not ship a menu of a dozen formats where most produce codes nobody in this app will scan.
-
3
Offer both a raster download for screens and a vector download for print, and make the vector the default when the user's stated use is printing.
-
4
Where the app already has shareable or signed links, offer to generate the code from those rather than asking the user to paste a URL by hand. A short link also produces a much less dense code.
-
5
Do not let brand styling break scannability. Validate contrast and error correction against the current settings and refuse to export a code that will not scan, rather than exporting it with a warning nobody reads.
Edge cases it handles
8
Edge cases it handles
8- A long link or a long block of text produces a dense code that phones fail to read at realistic sizes and print resolutions. Cap how much can be encoded, and suggest shortening the link rather than silently generating something unscannable.
- A logo placed over the centre destroys part of the code. Raise the error correction level automatically when a logo is added, and cap the logo size relative to the code so recovery is still possible.
- Exports must include the quiet-zone margin around the code. A code cropped tight to its edges fails to scan when it is placed against a coloured background or a page border.
- Print output must be vector, because a raster code scaled up to a poster blurs at the edge of every square and stops resolving.
- Brand colours frequently invert or flatten the contrast the code depends on. Enforce a minimum contrast between the modules and the background, and reject a light-on-dark inversion where scanners expect the opposite.
- Test the generated code by scanning it, not by looking at it. Verify at the smallest size the app offers for download, since that is where failures appear first.
- The code must have a text alternative wherever it is displayed, because a QR code is unusable to anyone who cannot point a second device at the screen. Show the underlying link as selectable text next to it.
- A code generated from a link that later expires or is revoked will already be printed somewhere. Warn the user before generating a code from a short-lived link.
Definition of done
9
Definition of done
9- The preview updates live as the user edits the content being encoded.
- Links, plain text, and contact details all generate valid, scannable codes.
- Raster and vector downloads are both available, and print use gets vector.
- Adding a logo raises the error correction level and constrains the logo size.
- Exports include the quiet-zone margin.
- Colour combinations below the minimum contrast are rejected before export.
- Every displayed code is accompanied by the link or text it encodes, as selectable text.
- The feature matches the existing design system.
- No existing functionality is broken.
Related features
Location Map Block
Location Map Block
Put an interactive map on a page showing one location or a whole list of them.
What it does
A reusable map block rendering one or many pinned locations, with a static fallback and a text address alternative.
How it works
- 1 The app already has Mapbox Geocoding and Google Places Address Lookup. Turn addresses into coordinates through the existing integration and store the result on the record; do not add a second geocoding path for this block.
- 2 Make the block take either a single location or a collection, and render the same component for both. A one-pin map is a collection of one, not a separate feature.
- 3 Reserve the block's height before the map initialises so the surrounding page does not jump when tiles arrive. The placeholder should occupy exactly the space the map will fill.
Copy the prompt
No account needed
Add this feature to my app:
https://addthisfeature.com/x/location-map-block
Weather Widget
Weather Widget
Show current conditions and a short forecast for a place your users care about.
What it does
A compact widget showing current conditions and a few days of forecast for a chosen location.
How it works
- 1 Add this as a tile in the app's existing Customizable Dashboard Widgets rather than as a fixed element bolted into a layout, so users who do not want it can remove it.
- 2 Fetch the forecast on the server on a schedule and serve the widget from the app's own cache. Calling the weather source from every visitor's browser leaks the credential and multiplies the request count by your traffic.
- 3 Show the observation time alongside the reading, and reuse the app's Stale Data Indicator conventions so ageing weather looks the same as any other ageing data in the product.
Copy the prompt
No account needed
Add this feature to my app:
https://addthisfeature.com/x/weather-widget
Record Merge
Record Merge
Combine two duplicate records into one without losing anything attached.
What it does
A merge flow that picks a surviving value per field, reparents all related data, redirects old references, and can be audited afterwards.
How it works
- 1 Show the two records side by side, field by field, and require an explicit survivor for every field where they differ. Do not default to 'newest wins' silently; the user is merging because they know which one is right.
- 2 Reparent every related object — children, comments, attachments, activity, links, memberships — onto the survivor in a single transaction. A half-finished merge is worse than two duplicates.
- 3 Detect relationships that would become duplicates after reparenting (the same person as a member of both records, the same tag applied twice) and collapse them rather than violating a uniqueness constraint mid-merge.
Copy the prompt
No account needed
Add this feature to my app:
https://addthisfeature.com/x/record-merge
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.