Best fit
- 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
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
75Collecting
See how to use itView GitHub source
npx skills add https://github.com/nexu-io/open-design --skill "design-templates/social-media-dashboard"Automated source guideData analysisStandard source
Source checked Jul 28, 2026·Refresh due Oct 26, 2026
Reorganized from the pinned upstream SKILL.md
Source-grounded data guide: social-media-dashboard
Produce a single-screen, creator-facing social media analytics dashboard.
npx skills add https://github.com/nexu-io/open-design --skill "design-templates/social-media-dashboard"The pinned source supports a structured brief, but not an expanded tutorial. Only detected inputs, outputs, and sections are shown.
618 source words · 2 usable sections
Analysis outputs
- One sentence before the artifact, nothing after.
Analysis workflow
Read social-media-dashboard through these 2 source sections
Sections are extracted automatically from the pinned SKILL.md and link back to the source.
Workflow
1. Read the active DESIGN.md (injected above). Colors, typography, spacing, radii, and component styling all come from it. Do not invent new tokens; do not hard-code brand colors of the platforms — let the DESIGN.md carry the visual identity, and reference platforms only by name…
Read the active DESIGN.md (injected above). Colors, typography,Identify which platforms the brief calls out. Default toGenerate plausible data, never Metric A / Metric B placeholders.
Output contract
One sentence before the artifact, nothing after.
One sentence before the artifact, nothing after.
Analysis checklist
Verify each item before delivery
The source section “Workflow” has been checked.
The source section “Output contract” has been checked.
Source output checked: One sentence before the artifact, nothing after.
Choose a different workflow
When another Skill is the better fit
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.
A separate implementation from wshobson/agents; compare its source, maintenance signals, and permission requirements.
Open source detailrevops
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
A separate implementation from coreyhaines31/marketingskills; compare its source, maintenance signals, and permission requirements.
Open source detailsocial-media-matrix-tracker-template
Use it for data analysis and marketing tasks; the detail page covers purpose, installation, and practical steps.
A separate implementation from nexu-io/open-design; compare its source, maintenance signals, and permission requirements.
Open source detailFAQ
What does the social-media-dashboard source document cover?
Produce a single-screen, creator-facing social media analytics dashboard.
How do I install social-media-dashboard?
The source record exposes this install command: npx skills add https://github.com/nexu-io/open-design --skill "design-templates/social-media-dashboard". Inspect the command and pinned source before running it.
Repository stars
82,073
Repository forks
9,485
Quality
75/100
Source repository last pushed
Quality breakdown
Based on traceable docs and repository signals; stars are not treated as quality.
Documentation24/30
Specificity14/25
Maintenance20/20
Trust signals17/25
Compare before choosing
Related Agent Skills and source variants
These links are selected from shared tasks, functions, stacks, platforms, and same-name variants. Compare the source owner, documentation, permissions, and maintenance signals.
social-publishing by wshobson
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.
revops by coreyhaines31
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
social-media-matrix-tracker-template by nexu-io
Use it for data analysis and marketing tasks; the detail page covers purpose, installation, and practical steps.
dask by k-dense-ai
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.
neuropixels-analysis by k-dense-ai
Analyze Neuropixels extracellular recordings end-to-end with SpikeInterface. Covers loading SpikeGLX/Open Ephys/NWB data, preprocessing, drift/motion correction, Kilosort4 (and CPU) spike sorting, quality metrics, and unit curation (threshold-based, model-based UnitRefine, and AI-assisted visual review). Use when working with Neuropixels 1.0/2.0 recordings, spike sorting, or extracellular electrophysiology analysis.
View original Skill.mdThis page is parsed directly from the repository SKILL.md without editorial rewriting. Collected: Jul 28, 2026 · about 4 min
Social Media Dashboard Skill
Produce a single-screen, creator-facing social media analytics dashboard.
Workflow
- Read the active DESIGN.md (injected above). Colors, typography, spacing, radii, and component styling all come from it. Do not invent new tokens; do not hard-code brand colors of the platforms — let the DESIGN.md carry the visual identity, and reference platforms only by name and monogram.
- Identify which platforms the brief calls out. Default to X / LinkedIn / YouTube / Instagram if unspecified. Keep the platform switcher to a single row, max 5 entries.
- Generate plausible data, never
Metric A / Metric Bplaceholders. Pick a creator persona (default: "AI / design indie creator") and derive consistent numbers across the page — e.g. follower counts on the switcher must match the KPI row when X is selected. - Lay out the page top-to-bottom:
- Header bar: brand mark + section label ("ANALYTICS"), a dark/light toggle, time-range tabs (7D · 30D · 90D · YTD), and a creator avatar block on the right.
- Hero strip: a one-sentence summary in display type ("You shipped 14 posts on X this week."), one supporting line of metadata, and two CTAs ("Export report", "New post →").
- Ask bar: a single-line input styled as a search field, with ghost-text suggestions ("top performing last week", "comments from verified accounts").
- Platform switcher: 4 cards in one row, each with platform
monogram, name, follower count, and a
+X.XK this weekdelta. The active platform uses an elevated surface from DESIGN.md. - KPI row: 4 cards — Followers · Engagement Rate · Likes (7D) · Reposts (7D). Each card has a label (uppercase, label-md), a big value (display or headline-lg), a delta vs prior period, and a small footnote ("vs. 4.4% last week", "Aug 9–17 · 14 posts").
- Main grid (2/3 + 1/3):
- Left: Follower Growth · 30D — a full-width inline SVG line chart with a soft area fill underneath, axis ticks at start / midpoint / end, and two labelled annotation dots ("Newsletter drop +842", "Viral thread +1.2K").
- Right: Top Post · This Week — a card showing the rendered post (avatar, handle, post body, optional 16:9 media block), with a header tag "click-through rate 5.6%" in the DS accent.
- Lower grid (1/2 + 1/2):
- Trending topics on this platform: 5–7 chip-style rows with topic name + post count + 24h delta sparkline (10 polyline points, no labels).
- Top comments: 3 cards, each with avatar, handle (verified
check if relevant), comment body (2 lines max, ellipsised), and
a small
❤ 312 · 💬 18row in muted text.
- Write one self-contained HTML document:
<!doctype html>through</html>, CSS in one inline<style>block.- CSS Grid for page-level layout; Flexbox inside cards.
- Semantic HTML:
<header>,<main>,<section>,<article>. - Tag each logical region with
data-od-id="slug"for comment mode:header,hero,ask,platform-switcher,kpis,follower-growth,top-post,trending,top-comments.
- Charts: inline SVG only, no JS libraries.
- Line chart:
<path>for the curve, a second<path>with low-alpha fill for the area, two<circle>annotation dots with text labels. - Sparklines:
<polyline>with 10 points, no axes, ~16px tall. - Use the DS accent for highlights and the DS
on-surface-variantfor muted text. Accent appears at most three times on the page.
- Line chart:
- Self-check:
- Every color resolves to a DESIGN.md token (or a documented
rgba(token, alpha)for glass surfaces). - Numbers are internally consistent (switcher follower count matches the active platform's KPI).
- Header bar and hero strip are sticky; main content scrolls.
- Density follows the DS mood: glass / cosmic DSes get more breathing room and ambient glow on the active platform; clean / corporate DSes tighten gaps and drop the glow.
- Every color resolves to a DESIGN.md token (or a documented
Output contract
Emit between <artifact> tags:
<artifact identifier="social-media-dashboard" type="text/html" title="Social Media Dashboard">
<!doctype html>
<html>...</html>
</artifact>
One sentence before the artifact, nothing after.
- Source repo
- nexu-io/open-design
- Skill path
- design-templates/social-media-dashboard/SKILL.md
- Commit SHA
- 89d6d4ef21ba
- Repository license
- Apache-2.0
- Data collected