invoice-html-table-migration

Migrate invoice-domain tables from mc-table to semantic HTML with .mds-table.

Updated Apr 15, 2026
One-click install
npx skills add https://github.com/obaDev95/myf-agent-skills --skill invoice-html-table-migration
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: invoice-html-table-migration
Source: https://github.com/obaDev95/myf-agent-skills/tree/main/skills/invoice-html-table-migration
Command: npx skills add https://github.com/obaDev95/myf-agent-skills --skill invoice-html-table-migration

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Migrate invoice-domain tables (Open, Paid, Credits, Disputed, Estatement) from mc-table to semantic HTML <table> with .mds-table in ui-myfinance. Covers the invoice composables, presenter contract, per-variant wiring (virtualization, cancelled rows, API sort, precomputed formatted data), and test expectations. Use when migrating or reviewing any invoice-tab or estatement HtmlTable.

Core Features & Use Cases

  • Invoices across variants Open, Paid, Credits, Disputed, Estatement are migrated from mc-table to semantic HTML tables with the .mds-table class, preserving behavior and visual parity.
  • Uses shared composables and presenters to wire per-variant behavior (virtualization, cancelled rows, API sort, precomputed data formatting) and defines test expectations for migration or review of any invoice tab or estatement HtmlTable.
  • Provides a structured migration path that maintains logic, readability, maintainability, and parity with the legacy UI.

Quick Start

Run the migration workflow described in this skill to convert invoice-domain tables to semantic HTML tables in ui-myfinance.

Frequently Asked Questions about invoice-html-table-migration

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

FAQPage Schema
How do I migrate invoice tables from mc-table to semantic HTML tables?

Migrate invoice tables from mc-table to semantic HTML tables with the .mds-table class by applying a shared, presenter-first pipeline. This preserves logic, improves readability, and ensures visual parity with the legacy UI.

What is the presenter-first pipeline for HTML table migration?

The presenter-first pipeline is a structured migration path that uses shared composables and presenters to wire per-variant behavior. It maintains logic, readability, and maintainability while migrating invoice tabs or estatement HtmlTable components.

Does the semantic HTML table migration support virtualization and API sorting?

Yes, the semantic HTML table migration supports per-variant wiring including virtualization, cancelled rows, API sort, and precomputed data formatting. These behaviors are wired using shared composables and presenters during the migration process.

Which invoice tab variants are covered by the HTML table migration?

The HTML table migration covers Open, Paid, Credits, Disputed, and Estatement invoice variants. Each variant is migrated from mc-table to semantic HTML tables while preserving behavior and visual parity.

Can I use this approach to review an existing estatement HtmlTable migration?

Yes, you can use the migration workflow to review any invoice-tab or estatement HtmlTable. The skill defines test expectations and checks for logic preservation, readability, and visual parity with the legacy UI.

What are the limitations of migrating invoice tables to semantic HTML?

The migration is limited to invoice-domain tables in ui-myfinance and requires preserving visual parity with the legacy UI. It specifically targets mc-table replacements and does not cover unrelated table domains or custom layout frameworks.