social-media-matrix-tracker-template
社媒矩阵数据追踪面板模板（Social Media Matrix Tracker）。 Use when users ask for a cinematic, data-dense social media analytics dashboard with multi-platform metrics, interactive charts, hover insights, range compare, and dark/light theme switching in a single HTML artifact.
Profile →npx skills add nexu-io/open-design --skill social-media-matrix-tracker-template --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Social Media Matrix Tracker Template Ship a premium, cinematic social-media analytics template with high data density and production-grade micro-interactions. ## Resource map ```text social-media-matrix-tracker-template/ ├── SKILL.md ├── assets/ │ └── template.html ├── references/ │ └── checklist.md └── example.html ``` ## Workflow 1. Read active `DESIGN.md` first, map tokens to CSS variables, then adapt `assets/template.html`. 2. Keep the structural information architecture intact: hero + platform matrix + KPI strip + multi-chart deep sections. 3. Preserve interaction fidelity: - dark/light theme toggle - hover tooltip on charts (auto-clamps inside viewport) - click-to-pin chart point - drag interval analysis - Shift+drag multi-range compare - insights panel live updates on every chart (line / stack / donut / geo) - touch + keyboard arrow-key support for line charts (a11y) 4. Ensure template remains self-contained (single HTML with inline CSS/JS, no framework dependency). 5. Keep default sample data realistic and internally consistent across cards/charts. 6. Validate with `references/checklist.md` before emitting the artifact. ### Adapting the sample data safely `assets/template
- Resource map
- Workflow
- Adapting the sample data safely
- Output contract
What does the social-media-matrix-tracker-template skill do?
社媒矩阵数据追踪面板模板（Social Media Matrix Tracker）。 Use when users ask for a cinematic, data-dense social media analytics dashboard with multi-platform metrics, interactive charts, hover insights, range compare, and dark/light theme switching in a single HTML artifact.
How do I install it?
Run `npx skills add nexu-io/open-design --skill social-media-matrix-tracker-template --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From nexu-io/open-design, a repository with 83,577 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.