Social Sharing
Make your links look good when someone posts them.
What it adds
Open Graph tags, share buttons, and preview images so shared links don't render as bare URLs.
What your agent is told to do
4
What your agent is told to do
4-
1
Add Open Graph and Twitter Card tags to every publicly shareable page, with a title, description, and image.
-
2
Generate a preview image per record where it makes sense, rather than one generic image for the whole site.
-
3
Add share actions that use the native share sheet on mobile and copy-link on desktop.
-
4
Validate your tags with the platforms' own preview debuggers.
Edge cases it handles
4
Edge cases it handles
4- Private or authenticated pages must NOT emit share previews — that leaks content to anyone with the URL.
- Preview images must be absolute URLs and publicly reachable without a session.
- Crawlers don't run JavaScript — the tags must be present in the server-rendered HTML.
- Cached previews are sticky; changing a title won't update an already-shared link.
Definition of done
7
Definition of done
7- Public pages render a correct preview on the major platforms.
- Private pages emit no preview metadata.
- Tags are server-rendered, not injected client-side.
- Preview images are absolute and publicly accessible.
- Share actions use the native sheet on mobile.
- The feature matches the existing design system.
- No existing functionality is broken.
Related features
Digital Business Card
Digital Business Card
Give every member a shareable card page with their photo, links, and save-to-contacts.
What it does
A per-member public card page with photo, role, links, and a download that imports into a phone's contacts.
How it works
- 1 Build this as a presentation of the app's existing Public Profile Pages, not a second profile. One record, two layouts. A member who updates their title should not have to update it twice.
- 2 Take the photo from Avatar Upload rather than adding a new image field, and reuse the crop and compression the app already applies so a card photo is not a full-resolution original served to every visitor.
- 3 Give each card a save-to-contacts download containing the fields the member has chosen to publish, and nothing else. Everything on the card and nothing beyond it.
Copy the prompt
No account needed
Add this feature to my app:
https://addthisfeature.com/x/digital-business-card
Share Image Generator
Share Image Generator
Give every shared link a proper preview image instead of a blank card.
What it does
Server-side generation of a per-page preview image, referenced by the page's existing share metadata.
How it works
- 1 Find where the app already sets its share metadata, most likely alongside Social Sharing or Shareable Deep Links, and point the image tag at the generated URL rather than adding a parallel metadata block.
- 2 Generate the image on the server from the record's own title, author, and a brand mark. Do not render it in the visitor's browser; the services that fetch previews do not run scripts.
- 3 Design one template that degrades well, then add variants only where the content type genuinely differs. Three good templates beat a configurable layout engine nobody tunes.
Copy the prompt
No account needed
Add this feature to my app:
https://addthisfeature.com/x/share-image-generator
Highlight Clip Maker
Highlight Clip Maker
Turn a selected passage of a transcript into a short clip that can be shared.
What it does
Selection of transcript lines that renders a trimmed, captioned clip of the source media with a shareable link.
How it works
- 1 Build the selection on top of the app's interactive transcript. The user selects a run of lines, sees the resulting start and end time and duration, and adjusts the edges before rendering.
- 2 Render clips through the app's existing background job system so the user is not held on a progress bar, and notify them through the existing notification centre when the clip is ready or has failed.
- 3 Burn the transcript text into the clip as captions, since most places a clip is shared autoplay it silently. Give the user a way to turn captions off before rendering.
Copy the prompt
No account needed
Add this feature to my app:
https://addthisfeature.com/x/highlight-clip-maker
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.