Skill6.7k repo starsupdated 11d ago

social-media-matrix

The Social Media Matrix skill creates a cinematic multi-platform social media analytics dashboard with a hero header for brand consistency and time window selection. It features an interactive KPI matrix comparing metrics across platforms, hover-activated tooltips with range comparison capabilities, a side insights drawer for analytical commentary, and a grid displaying top-performing posts. The component includes dark and light theme toggling with seed-based data fallbacks for development purposes.

View source Repository: html-anything

Install in Claude Code

Copy

git clone --depth 1 https://github.com/nexu-io/html-anything /tmp/social-media-matrix && cp -r /tmp/social-media-matrix/next/src/lib/templates/skills/social-media-matrix ~/.claude/skills/social-media-matrix

Then start a new Claude Code session; the skill loads automatically.

Definition

SKILL.md

【模板: 社媒矩阵追踪 (Social Matrix Tracker)】
【意图】电影感、数据密集的多平台社媒看板。
【布局】
- Hero header (统一品牌 + 时间窗 + 主题切换)
- Multi-platform KPI matrix (横 platform × 纵 metric)
- 交互式 charts (hover tooltip + range compare)
- Insights drawer (右抽屉, 文字洞察)
- Top posts grid
【设计细节】
- dark / light 切换; 数据用 seed 兜底