Linkpreview
Open Graph, Twitter Card, Oembed preview. Shows visual cards that mimic link previews in Social Media like facebook, twitter, vk and other sites that support link preview.
Install / Use
/learn @linkpreview/LinkpreviewREADME
Notice !! Not maintained any more.
Link Preview
Open Graph, Twitter Card, Oembed preview. Shows visual cards that mimics link previews in social media like facebook, twitter, vk, viber and other sites that support link preview.
Motivation
There are already tools from facebook (https://developers.facebook.com/tools/debug/) and twitter(https://cards-dev.twitter.com/validator) that does the work of debugging the link preview. But we also wanted Oembed standard testing and various other debugging. We wanted a tool for our development environment that supports all kind of link preview standards. So Link Preview was made to solve these problems.It is an all in one debugger. It shows visual link previews for OpenGraph, Twitter Card and Oembed protocol. With this tool you can get somewhat similar link preview in sites like facebook, twitter, medium, etc.
Requirements
- Node.js v10.16.0
nvm install v10.16.0
Installation
````
npm i -g @namchey/linkpreview
linkpreview
//starts a server in localhost:8080
````
Development
- Clone this repo
git clone git@github.com:linkpreview/linkpreview.git
- Install Dependencies
npm i
-
Copy
.env.example--->.envif you want custom env vars -
Webpack Build
//server-rendering
npm run build:dev
//client
npm run app-dev-server
- Run in Development mode
npm run dev
//open app in browser, default is http://localhost:4040
Production
- Build
npm run build
- Run
npm run start
Libraries Used for Scraping
Related Skills
bluebubbles
339.1kUse when you need to send or manage iMessages via BlueBubbles (recommended iMessage integration). Calls go through the generic message tool with channel="bluebubbles".
slack
339.1kUse when you need to control Slack from OpenClaw via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.
frontend-design
83.8kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Agent Development
83.8kThis skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description", "agent examples", "agent tools", "agent colors", "autonomous agent", or needs guidance on agent structure, system prompts, triggering conditions, or agent development best practices for Claude Code plugins.
