Skill6.7k estrellas del repoactualizado 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.

Ver fuente Repositorio: html-anything

Instalar en Claude Code

Copiar

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

Después abre una sesión nueva de Claude Code; el skill carga automáticamente.

Definición

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 兜底

Del mismo repositorio

article-magazineSkill

Substack / Medium 高级感长文排版, 适合公众号、博客发布

blog-postSkill

杂志感长文, 含 masthead、hero、figures、pull quote、作者署名

card-twitterSkill

推特金句 / 数据卡, 适合配推文

card-xiaohongshuSkill

小红书风格知识卡片, 多张联排可滑动浏览

competitive-teardownSkill

定位图 + 功能矩阵 + 价格对比 + 机会窗口, 把竞品资料转成产品决策报告

dashboardSkill