Social Media Embeds

ReactEmbedSocial MediaContentIntegrationUpdated 2026-08-14

When to use: Embedding third-party social content in apps: sharing articles, showing recent posts, content curation, and community walls.

Install
npx skills add social-media-embeds
Git Clone
git clone https://github.com/skillhub-community/social-media-embeds.git

Description

A social embed library. EmbedComponents: WeChatArticle (renders a 公众号 article card from a URL/share data), XiaohongshuNote (a RED note card with cover, title, author, likes/collects), DouyinVideo (a TikTok/抖音 clip embed), WeiboPost, YouTube, Twitter/X, and Instagram — each a self-contained card component with a provider adapter to fetch metadata (title, thumbnail, author) when the platform's API is available, or a rich-link fallback otherwise.

Consistency: every embed shares the same card anatomy (favicon/logo, title, description, thumbnail, author row) so mixed platforms look cohesive. Includes a ResponsiveEmbed container that handles aspect ratios (16:9 video, 3:4 vertical) and lazy-loading. Customization: per-platform accent, truncation rules, and a 'click to load' privacy mode (embeds only load third-party content after user interaction). Ships with an embed sanitizer that strips scripts and unsafe HTML from scraped content to prevent XSS.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@integrate_hao
LicenseMIT
Version1.0.0
Dependencies0