AgentSkillsCN

generate-dashboard

根据会议分析生成 HTML 仪表盘。当用户想要创建可视化概览、构建仪表盘、生成报告,或以直观方式呈现会议洞察时使用。

SKILL.md
--- frontmatter
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

    • If analysis doesn't exist, run the analyze-meeting skill first
  2. Use the template from templates/dashboard.html as a base

  3. Generate a complete, standalone HTML file with:

    • Modern, clean design using Tailwind CSS (via CDN)
    • All extracted insights organized in visual cards
    • Responsive layout for desktop and mobile
    • Print-friendly styling
    • The project name and date prominently displayed
  4. Replace template placeholders with actual content:

    • {{PROJECT_NAME}} → Project display name (convert kebab-case to Title Case)
    • {{DATE}} → Meeting date formatted nicely
    • {{MEETING_TYPE}} → Type of meeting (standup, sprint review, etc.)
    • {{SUMMARY}} → Meeting summary paragraph
    • {{ATTENDEES}} → HTML list items for each attendee
    • {{KEY_TOPICS}} → HTML list items for topics
    • {{ACTION_ITEMS}} → HTML cards for each action item with owner/deadline
    • {{DECISIONS}} → HTML list items for decisions
    • {{QUESTIONS}} → HTML list items for open questions
    • {{NEXT_STEPS}} → HTML list items for next steps
  5. Save the dashboard to projects/{project}/dashboards/{date}/index.html

Output

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