Source profileQuality 75/100

nexu-io/open-design/design-templates/social-media-matrix-tracker-template/SKILL.md

social-media-matrix-tracker-template

Use it for data analysis and marketing tasks; the detail page covers purpose, installation, and practical steps.

Source repository stars
82,073
Declared platforms
0
Static risk flags
0
Last source update
2026-07-28
Source checked
2026-07-28
DecisionCompatibilityInstallWorkflowPermissionsEvidenceSource

Decision brief

What it does—and where it fits

Ship a premium, cinematic social-media analytics template with high data density and production-grade micro-interactions.

Best for

  • 社媒矩阵数据追踪面板模板（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 t…

Not for

  • Tasks that require unconfirmed production actions or broad system permissions.
  • Environments where the pinned source and install steps cannot be inspected.

Compatibility matrix

Platform support, with evidence labels

PlatformStatusEvidenceWhat to check
CodexNot declaredNo explicit evidencePortability before use
Claude CodeNot declaredNo explicit evidencePortability before use
CursorNot declaredNo explicit evidencePortability before use
Gemini CLINot declaredNo explicit evidencePortability before use
Open the compatibility checker

Installation

Inspect first. Install second.

The source command is displayed only when detected. A safe inspection prompt is always available so your agent can explain every action before execution.

Source-detected install commandSource
npx skills add https://github.com/nexu-io/open-design --skill "design-templates/social-media-matrix-tracker-template"
Safe inspection promptEditorial

Inspect the Agent Skill "social-media-matrix-tracker-template" from https://github.com/nexu-io/open-design/blob/89d6d4ef21baf80f871595abdf6f7de6e941dd44/design-templates/social-media-matrix-tracker-template/SKILL.md at commit 89d6d4ef21baf80f871595abdf6f7de6e941dd44. List every install step, command, network request, credential, file read/write, external action, and rollback step. Explain whether it fits my task. Do not install or execute anything until I approve.

Workflow

What the source asks the agent to do

  1. 01

    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 - hov…

    Read active DESIGN.md first, map tokens to CSS variables, then adapt assets/template.html.Keep the structural information architecture intact: hero + platform matrix + KPI strip + multi-chart deep sections.Preserve interaction fidelity:
  2. 02

    Resource map

    Review the “Resource map” section in the pinned source before continuing.

    Review and apply the “Resource map” source section.
  3. 03

    Adapting the sample data safely

    assets/template.html ships with hand-tuned sample arrays. When swapping in real data, follow this contract so charts and insights stay coherent:

    Replace whole arrays at once, not individual indices — line charts assume values[] and xLabels[] are the same length and aligned by index.Match the existing unit + decimals: hourChart (engagements / decimals: 0), slaChart (minutes / decimals: 0), roiChart (multiplier x / decimals: 1), cohortChart (% / decimals: 0). Mismatched units break tooltip + A/B ins…Keep all four line series the same length (default 7 points). Different lengths leak into the A/B compare which expects shared indices.
  4. 04

    Output contract

    Emit one short sentence before the artifact (e.g. "Cinematic social media matrix tracker — dark theme by default, all interactions live.") and then a single self-contained HTML artifact.

    The artifact must use the wrapper exactly as shown below — the daemon parser keys on the wrapper element.identifier="social-media-matrix-tracker" is the canonical id (don't suffix with project name).type="text/html" and title are required.

Permission review

Static risk signals and limitations

No configured static risk pattern was detected

This is not proof of safety. Runtime behavior, indirect dependencies, and hidden external systems are outside the static scan.

Evidence record

Why each signal appears

EvidenceSourceComputedTestedEditorial
SignalValueEvidence typeMeaning
Quality score75/100ComputedDocumentation, specificity, maintenance, and trust rules
Repository stars82,073SourceRepository attention, not individual Skill quality
Compatibility0 platformsSourceDeclared in the catalog source record
Usage guideautomated source guideEditorialGenerated or reviewed according to the visible evidence level

Pinned source

Provenance and original SKILL.md

Repository
nexu-io/open-design
Skill path
design-templates/social-media-matrix-tracker-template/SKILL.md
Commit
89d6d4ef21baf80f871595abdf6f7de6e941dd44
License
Apache-2.0
Collected
2026-07-28
Default branch
main
View the original SKILL.md

Social Media Matrix Tracker Template

Ship a premium, cinematic social-media analytics template with high data density and production-grade micro-interactions.

Resource map

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.html ships with hand-tuned sample arrays. When swapping in real data, follow this contract so charts and insights stay coherent:

  • Replace whole arrays at once, not individual indices — line charts assume values[] and xLabels[] are the same length and aligned by index.
  • Match the existing unit + decimals: hourChart (engagements / decimals: 0), slaChart (minutes / decimals: 0), roiChart (multiplier x / decimals: 1), cohortChart (% / decimals: 0). Mismatched units break tooltip + A/B insight copy.
  • Keep all four line series the same length (default 7 points). Different lengths leak into the A/B compare which expects shared indices.
  • For mixChart, every bars[i].stack must remain a 3-element array ([Video, Thread, Carousel]). For sentimentChart, arcs[] percentages should sum to 100.
  • Update KPI strip + platform card metrics in lock-step — the artifact's "Live overview" insight derives from the same numbers.
  • Single-data-point datasets are guarded (drawn as a labelled dot) but degrade UX; prefer ≥ 3 points per chart when adapting.

Output contract

Emit one short sentence before the artifact (e.g. "Cinematic social media matrix tracker — dark theme by default, all interactions live.") and then a single self-contained HTML artifact.

  • The artifact must use the <artifact> wrapper exactly as shown below — the daemon parser keys on the wrapper element.
  • identifier="social-media-matrix-tracker" is the canonical id (don't suffix with project name).
  • type="text/html" and title are required.
  • Inline CSS + JS only. No external framework / CDN. No external font imports beyond what template.html already declares.
  • The final document is the adapted template.html (with DESIGN.md tokens applied), not a verbatim copy and not a separate index.html. Do not emit both.
<artifact identifier="social-media-matrix-tracker" type="text/html" title="Social Media Matrix Tracker">
<!doctype html>
<html>...</html>
</artifact>

Alternatives

Compare before choosing

Computed 9038,313

wshobson/agents

social-publishing

Schedule and publish social media posts across 13 platforms (X, LinkedIn, Instagram, Facebook Pages, TikTok, Discord, Telegram, YouTube, Reddit, WordPress, Pinterest) via the SocialClaw API. Use when the user wants to publish, schedule, or manage social media content programmatically. Requires SOCIALCLAW_API_KEY.

2026-07-220 platforms
Computed 8942,015

coreyhaines31/marketingskills

revops

When the user wants help with revenue operations, lead lifecycle management, or marketing-to-sales handoff processes. Also use when the user mentions 'RevOps,' 'revenue operations,' 'lead scoring,' 'lead routing,' 'MQL,' 'SQL,' 'pipeline stages,' 'deal desk,' 'CRM automation,' 'marketing-to-sales handoff,' 'data hygiene,' 'leads aren't getting to sales,' 'pipeline management,' 'lead qualification,' or 'when should marketing hand off to sales.' Use this for anything involving the systems and proc

2026-07-270 platforms
Computed 7582,073

nexu-io/open-design

social-media-dashboard

Creator-facing social media analytics dashboard in a single HTML file. A platform switcher (X / LinkedIn / YouTube / Instagram), a row of KPI cards (followers, engagement rate, likes, reposts), a follower-growth chart, a "top post this week" preview, and a trending topics / top comments side panel. Use when the brief mentions a "social media dashboard", "creator analytics", "social analytics", or names specific platforms (X, Twitter, LinkedIn, YouTube, Instagram, TikTok) together with metrics li

2026-07-280 platforms
Computed 9831,966

K-Dense-AI/scientific-agent-skills

dask

Distributed computing for larger-than-RAM pandas/NumPy workflows. Use when you need to scale existing pandas/NumPy code beyond memory or across clusters. Best for parallel file processing, distributed ML, integration with existing pandas code. For out-of-core analytics on single machine use vaex; for in-memory speed use polars.

2026-07-280 platforms