Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component...
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
- 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.
# 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.