Unsplash Image Search
Let users search and place Unsplash photography without leaving the screen.
What it adds
An in-app image search that returns licensed photos with the identifier and attribution needed to use them.
What your agent is told to do
5
What your agent is told to do
5-
1
Add image search where users currently paste a URL or hunt for a stock photo — cover images, avatars, banners — and keep the existing upload path beside it.
-
2
Proxy every provider request through the server so the application credential never reaches the browser, and cache popular queries briefly to stay inside the rate limit.
-
3
Debounce typing and cancel the request for a query the user has moved past, so results cannot arrive out of order and replace a newer search.
-
4
On selection, store the provider's stable image identifier, the photographer's name and profile link, and the source link, alongside whatever the app caches locally. A raw image URL alone cannot be attributed or re-resolved later.
-
5
Honour the provider's attribution and download-tracking requirements: show the photographer and source wherever the image appears, and trigger the download event when a user actually selects an image rather than on every result that renders.
Edge cases it handles
8
Edge cases it handles
8- Attribution is a licence condition, not a nicety. An image shown without a visible credit and a working link back puts the app out of compliance.
- Results for an abandoned query must be discarded. Without cancellation a slow early request can land after a fast later one and show photos for a query the user has already replaced.
- The provider credential must stay server-side. Putting it in front-end code hands the app's entire quota to anyone who reads the page.
- An image can be removed by its author or by the provider after it was chosen. Detect the broken reference, fall back to a placeholder, and prompt for a replacement rather than leaving a dead image in place.
- Store the identifier and author metadata at the moment of selection so attribution survives even when the provider is later unreachable.
- Development and production rate limits differ by an order of magnitude. Handle exhaustion with a clear message and keep the upload path available, rather than an empty grid that reads as no matches.
- A search with no results, an empty query, and a failed request must each look different from one another.
- Results are unmoderated for any particular context. If the app serves a sensitive audience, apply the provider's content filtering and say in the interface that it is applied.
Definition of done
9
Definition of done
9- Users can search and insert an image without leaving the screen they are working on.
- No provider credential is present in client code; all requests pass through the server.
- Typing is debounced and responses for superseded queries are discarded.
- Each selected image stores a stable identifier, photographer, and source link.
- Attribution is displayed wherever the image appears and links back correctly.
- Download tracking fires on selection only, not on search result rendering.
- A removed image or an exhausted rate limit degrades to a clear message with upload still available.
- The feature matches the existing design system.
- No existing functionality is broken.
Related features
Mapbox Geocoding
Mapbox Geocoding
Convert typed locations into coordinates and structured addresses the app can use.
What it does
Forward and reverse geocoding with confirmed matches, controlled result bias, and coordinate precision rules.
How it works
- 1 Separate the two directions explicitly: text to coordinates for entry and search, coordinates to address for a dropped pin or a device location. They take different inputs, carry different confidence, and fail differently.
- 2 Present ambiguous matches as a list the user confirms. Silently taking the first result is how a record ends up in the wrong country with nobody noticing for months.
- 3 Bias results toward a location only when the app genuinely knows one, such as a workspace address or the map viewport the user is already looking at.
Copy the prompt
No account needed
Add this feature to my app:
https://addthisfeature.com/x/mapbox-geocoding
Contentful Entry Sync
Contentful Entry Sync
Create and update Contentful entries against the connected space, environment, and locale.
What it does
A sync that writes app records into Contentful entries using the connected space's content model and locale configuration.
How it works
- 1 Have the operator select the space, the environment, and the default locale during connection, and store all three, because writing production content into a sandbox environment is an easy and expensive mistake.
- 2 Fetch the content model at connection time and again before each sync run, map app fields to entry fields by their stable identifiers, and validate the value type against the model before attempting the write.
- 3 Write every localized field under an explicit locale rather than relying on whatever the space treats as default, and state clearly which locales the app owns and which it leaves to editors.
Copy the prompt
No account needed
Add this feature to my app:
https://addthisfeature.com/x/contentful-entry-sync
Algolia Index Sync
Algolia Index Sync
Keep the search index matching the database, including who is allowed to see what.
What it does
A sync pipeline that mirrors records into a search index with tenant-scoped filters and scheduled reconciliation.
How it works
- 1 Identify every record type that should be searchable and define one index document per record, keyed by an identifier that never changes for the life of that record.
- 2 Push changes through the app's existing background-job system on create, update, and delete, and make every write idempotent so a replayed job produces the same document rather than a duplicate.
- 3 Put tenant, workspace, and visibility values on each document as filter attributes, and have the server issue short-lived scoped search credentials that pin those filters. The browser must never choose its own filter.
Copy the prompt
No account needed
Add this feature to my app:
https://addthisfeature.com/x/algolia-index-sync
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.