Skip to content
Get packs

Social Media Dashboard

Builds a creator-style social media analytics dashboard page with platform tabs, KPI cards and growth charts.

Source Download skill
Repository
nexu-io/html-anything
Stars
9,376
Licence
Apache-2.0
Files
2 files

What it does

This skill tells an AI agent how to lay out a social media analytics dashboard for creators and bloggers. Once installed, asked for a dashboard, the agent produces an HTML page with a platform switcher (X, LinkedIn, YouTube, Instagram, TikTok), KPI cards for followers, engagement, likes and reposts, a follower-growth chart, a preview of the top post of the week, and a sidebar of trending topics and top comments. It is a layout template with an example file, not a live analytics connection.

Great for

  • Creators who want a mockup of a social stats dashboard
  • Designers prototyping an analytics layout before wiring real data
  • Marketers sketching a reporting screen for a client

Skip it if

  • Pulling real follower or engagement numbers: the skill contains no API connections, so any figures shown are placeholders unless you supply data
  • Anyone needing a verified analytics tool for business decisions, since the sample data is illustrative

Try asking

  • “Make a social media dashboard for my creator account across X, LinkedIn and TikTok”
  • “Create a desktop analytics page showing follower growth and KPI cards”
  • “Design a creator stats dashboard with trending topics in a sidebar”
Step-by-step guide: how to use Social Media DashboardInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the Apache-2.0 licence and an attribution note.

    social-media-dashboard.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip social-media-dashboard.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip social-media-dashboard.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Provide your own real numbers in the request so the placeholders are replaced with accurate figures
  • Ask for a specific aspect such as desktop 1440px wide, as the template suggests that size
  • Check the generated chart data before sharing the page publicly

What's inside

  • example.html
  • SKILL.md

Redistributed unmodified from nexu-io/html-anything under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.