portfolio-dashboard

Generate a self-contained HTML dashboard from portfolio assessment markdown files.

44|6|Updated Mar 30, 2026

Search Tags:#html #dashboard #visualization #portfolio #assessment #trend #ai-literacy

Ready to run

npx skills add https://github.com/Habitat-Thinking/ai-literacy-superpowers --skill portfolio-dashboard-habitat-thinking

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: portfolio-dashboard
Source: https://github.com/Habitat-Thinking/ai-literacy-superpowers/tree/main/ai-literacy-superpowers/skills/portfolio-dashboard
Command: npx skills add https://github.com/Habitat-Thinking/ai-literacy-superpowers --skill portfolio-dashboard-habitat-thinking

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Convert scattered portfolio assessment markdown files into a single, portable HTML dashboard that visualises AI literacy levels, shared gaps, and improvement plans so stakeholders can quickly understand portfolio health and trends.

Core Features & Use Cases

Self-contained output: Produces a single HTML file with inline CSS that opens offline in any browser and is suitable for email or Slack sharing.
Comprehensive panels: Summary header, level distribution, trend charts (when multiple assessments exist), per-repo table with trajectories, shared gaps table, and an improvement plan grouped by impact.
Use case: Generate a quarterly snapshot and trend report for engineering leadership by aggregating multiple YYYY-MM-DD-portfolio-assessment.md files from the assessments/ directory.

Quick Start

Generate a self-contained portfolio dashboard from existing assessments and save it as assessments/portfolio-dashboard.html.

Frequently Asked Questions about portfolio-dashboard

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

FAQPage Schema

How do I generate an HTML dashboard from multiple markdown assessment files?▼

To generate an HTML dashboard from markdown assessment files, place files named YYYY-MM-DD-portfolio-assessment.md in your assessments directory. The tool aggregates them into a single offline-ready HTML file with inline CSS, saved to assessments/portfolio-dashboard.html.

What is the best way to visualize portfolio assessment trends across multiple quarters?▼

The best way to visualize portfolio assessment trends is using a generated HTML dashboard that aggregates multiple quarterly assessment files, producing trend visualisations, level distributions, and per-repo trajectories to track portfolio health over time.

Can I share the generated portfolio dashboard without hosting a web server?▼

Yes, you can share the generated portfolio dashboard without a web server because it produces a self-contained HTML file with inline CSS. This offline-ready output is readable without JavaScript and suitable for email or Slack sharing.

Does the portfolio dashboard HTML file require JavaScript to display visualisations?▼

No, the portfolio dashboard HTML file does not require JavaScript to display visualisations. The generated output uses inline CSS, ensuring it remains readable, printable, and fully functional offline in any standard browser.

What file format do quarterly assessment files need to be in for the dashboard generator?▼

Quarterly assessment files need to be in markdown format and named using the YYYY-MM-DD-portfolio-assessment.md convention within the assessments directory for the dashboard generator to parse and aggregate them correctly.