Dashboard & Analytics Skill

Create analytics dashboards for admin, instructor, and student roles.

Updated Aug 21, 2021
One-click install
npx skills add https://github.com/ZouZou/angular-sample-app --skill dashboard-analytics-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Dashboard & Analytics Skill
Source: https://github.com/ZouZou/angular-sample-app/tree/main/.claude/skills/analytics-dashboard
Command: npx skills add https://github.com/ZouZou/angular-sample-app --skill dashboard-analytics-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires typeorm, date-fns.

What problem does it solve?

Teams need clear, role-specific insights. This Skill delivers dashboards that surface system metrics, course performance, and student progress to simplify decision making.

Core Features & Use Cases

  • Admin Dashboard: System metrics, user analytics, revenue tracking.
  • Instructor Dashboard: Course performance, student progress, engagement metrics.
  • Student Dashboard: Learning progress, achievements, and recommendations.
  • Unified analytics service: Centralized data for reporting and KPI tracking.

Quick Start

Access the analytics endpoints and load dashboards for Admin, Instructor, and Student roles to verify data visuals and KPIs.

Frequently Asked Questions about Dashboard & Analytics Skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create role-based analytics dashboards for different user types?

Role-based analytics dashboards display customized metrics for admins, instructors, and students. This Skill builds separate dashboard views with system metrics for admins, course performance for instructors, and learning progress for students, using TypeORM to aggregate data and date-fns to handle time-series metrics.

Can I track KPIs and system metrics across multiple courses and users?

Yes. This Skill computes and delivers KPI data including user growth, course performance, student progress, and engagement metrics through a unified analytics service. TypeORM queries aggregate backend data into chart-ready formats for multi-role reporting and decision-making.

How do I display student progress and engagement metrics in a dashboard?

Student dashboards surface learning progress, achievements, and engagement recommendations by aggregating user activity data. This Skill processes student-level metrics and delivers them as dashboard-ready outputs that instructors and students can monitor.

What data does an instructor dashboard show about course performance?

Instructor dashboards display course performance metrics, student progress tracking, and engagement indicators. This Skill pulls enrolled student activity, completion rates, and interaction patterns to help instructors identify learning trends and intervention needs.

Do I need a database to store analytics data before building dashboards?

Yes. This Skill uses TypeORM as its data layer, requiring a relational database to store system metrics, user activity, and course data. The analytics service queries this data and formats it for dashboard visualization.

How does this approach handle time-series metrics for trend analysis?

Time-series metrics are processed using date-fns for date manipulation and aggregation. This Skill computes rolling metrics like user growth and engagement trends, formatting them for chart rendering on admin, instructor, and student dashboards.