Generate Meeting Dashboard
Create a beautiful HTML dashboard from meeting analysis.
Instructions
- •
Read the analysis from
projects/{project}/analysis/{date}.json- •If analysis doesn't exist, run the analyze-meeting skill first
- •
Use the template from
templates/dashboard.htmlas a base - •
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
- •
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
- •
- •
Save the dashboard to
projects/{project}/dashboards/{date}/index.html
Output
Confirm the dashboard location and provide a brief preview of what was generated.