calumjs

generate-dashboard

3
2
# Install this skill:
npx skills add calumjs/ClaudeCode.MeetingSummariser --skill "generate-dashboard"

Install specific skill from multi-skill repository

# Description

Generate an HTML dashboard from meeting analysis. Use when the user wants to create a visual summary, build a dashboard, generate a report, or visualize meeting insights.

# SKILL.md


name: generate-dashboard
description: Generate an HTML dashboard from meeting analysis. Use when the user wants to create a visual summary, build a dashboard, generate a report, or visualize meeting insights.


Generate Meeting Dashboard

Create a beautiful HTML dashboard from meeting analysis.

Instructions

  1. Read the analysis from projects/{project}/analysis/{date}.json
  2. If analysis doesn't exist, run the analyze-meeting skill first
  3. Use the template from templates/dashboard.html as a base
  4. Generate a complete, standalone HTML file with:
  5. Modern, clean design using Tailwind CSS (via CDN)
  6. All extracted insights organized in visual cards
  7. Responsive layout for desktop and mobile
  8. Print-friendly styling
  9. The project name and date prominently displayed

  10. Replace template placeholders with actual content:

  11. {{PROJECT_NAME}} β†’ Project display name (convert kebab-case to Title Case)
  12. {{DATE}} β†’ Meeting date formatted nicely
  13. {{MEETING_TYPE}} β†’ Type of meeting (standup, sprint review, etc.)
  14. {{SUMMARY}} β†’ Meeting summary paragraph
  15. {{ATTENDEES}} β†’ HTML list items for each attendee
  16. {{KEY_TOPICS}} β†’ HTML list items for topics
  17. {{ACTION_ITEMS}} β†’ HTML cards for each action item with owner/deadline
  18. {{DECISIONS}} β†’ HTML list items for decisions
  19. {{QUESTIONS}} β†’ HTML list items for open questions
  20. {{NEXT_STEPS}} β†’ HTML list items for next steps

  21. Save the dashboard to projects/{project}/dashboards/{date}/index.html

Output

Confirm the dashboard location and provide a brief preview of what was generated.

# Supported AI Coding Agents

This skill is compatible with the SKILL.md standard and works with all major AI coding agents:

Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.