Help us improve
Share bugs, ideas, or general feedback.
From migration-planner
Generate a self-contained interactive HTML dashboard that visualizes the migration estimate with toggleable scope, AI alternatives, assumption scenarios, and real-time recalculation.
npx claudepluginhub twofoldtech-dakota/plugin-migration-plannerHow this skill is triggered — by the user, by Claude, or both
Slash command
/migration-planner:migrate-dashboardThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Generate a self-contained interactive HTML dashboard that visualizes the migration estimate with toggleable scope, AI alternatives, assumption scenarios, and real-time recalculation.
Generates self-contained HTML dashboard from portfolio assessment Markdown files: level distributions, repo tables, shared gaps, improvement plans, and trend visualizations across multiple quarters.
Generates self-contained interactive HTML dashboards with KPI cards, charts, filters, and tables from queries, CSVs, or samples for reports and monitoring.
Builds and tests Vizro dashboards from design specs by copying example app, fetching model schemas, and running Playwright tests. For Python-based dashboard implementation.
Share bugs, ideas, or general feedback.
Generate a self-contained interactive HTML dashboard that visualizes the migration estimate with toggleable scope, AI alternatives, assumption scenarios, and real-time recalculation.
Load data from MCP tools first, falling back to JSON files:
get_assessment with project_path (current working directory). Fall back to .migration/assessment.json.get_estimate with the assessment ID. Fall back to .migration/estimate.json. If neither exists, tell the user to run /migrate estimate first — the dashboard requires estimate data.get_analysis with the assessment ID (includes assumptions). Fall back to .migration/analysis.json and .migration/assumptions-registry.json. If unavailable, proceed but note that assumption tracking will be unavailable in the dashboard..migration/ai-alternatives-selection.json.skills/migrate-knowledge/heuristics/ai-alternatives.json — full AI alternatives catalog with descriptions, pros/cons, costsRead skills/migrate-knowledge/templates/dashboard-template.html — this is the full HTML template with inline CSS and JavaScript.
The template contains placeholder tokens that must be replaced with actual data:
{{PROJECT_NAME}} — from assessment.json project_name{{CLIENT_NAME}} — from assessment.json client_name{{DATE}} — current date in readable format{{ASSESSMENT_ID}} — from assessment.json idThese are injected as JavaScript objects directly into the template's <script> block. Each must be valid JSON:
{{PROJECT_DATA_JSON}} — assessment.json content (or {} if unavailable){{ESTIMATE_DATA_JSON}} — estimate.json content (required){{ASSUMPTIONS_DATA_JSON}} — assumptions-registry.json content (or {"summary":{"total_assumptions":0,"validated":0,"unvalidated":0,"confirmed_answers":0,"total_hours_at_risk":0,"total_pessimistic_widening":0,"confidence_score":0},"assumptions":[]} if unavailable){{ANALYSIS_DATA_JSON}} — analysis.json content (or {"risks":[],"dependency_chains":[],"complexity_multipliers_active":[]} if unavailable){{AI_ALTERNATIVES_JSON}} — ai-alternatives.json catalog content (required){{AI_SELECTIONS_JSON}} — ai-alternatives-selection.json content (or {"selections":{}} if unavailable)Replace all {{PLACEHOLDER}} tokens in the template with the prepared data. Ensure:
Write the completed dashboard to .migration/deliverables/dashboard.html.
Create the .migration/deliverables/ directory if it doesn't exist.
Tell the user:
.migration/deliverables/dashboard.html/migrate dashboardThe generated dashboard is a neo-brutalist light-themed, tabbed layout with bold borders, solid offset shadows, and high-contrast design:
| Tab | Contents |
|---|---|
Overview [1] | SVG confidence gauge with narrative, SVG donut chart (hours by phase), Scenario toggle bar (Manual/AI-Assisted/Best Case), Scenario Comparison table |
Estimate [2] | Filter bar (search + phase/risk chips), Phase Breakdown (expandable with black headers), Component Scope toggles, Role Breakdown |
AI Tools [3] | AI tool cards with toggles, AI Savings Summary |
Risk [4] | Assumptions panel (Unvalidated/Validated/All sub-tabs), Risk Summary |
contenteditable to key numeric values (hours, confidence)migration-estimate-export.json1–4 to switch tabs (ignored when focused on inputs or contenteditable elements in Edit Mode)#f5f5f0), pure white surfaces, thick 3px black borders4px 4px 0 #000) with hover lift and active press effects#2563eb, Red #dc2626, Yellow #facc15, Green #16a34a#1a1a1a background, white text) with 2px row dividersCtrl/Cmd+P shows clean layout — all tab panels visible, interactive controls hidden