skills.rest
bogdanbaciu21
bogdanbaciu21COMMUNITY
Explore all skills by this author →
Website𝕏@curiouslinksGitHub

table-system-migration

Migrate HTML tables to a canonical component system and regression-test layouts.

2|1|Updated Apr 29, 2026
Search Tags:#web accessibility#layout consistency#SEO compliance#HTML table#table migration
One-click install
npx skills add https://github.com/bogdanbaciu21/skills --skill table-system-migration
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: table-system-migration
Source: https://github.com/bogdanbaciu21/skills/tree/main/table-system-migration
Command: npx skills add https://github.com/bogdanbaciu21/skills --skill table-system-migration

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the inconsistency and complexity of ad-hoc HTML table styles, providing a structured approach to migrate, audit, and regression-test tables across various content-rich websites.

Core Features & Use Cases

  • Table Normalization: Converts one-off HTML tables into a unified, canonical component system.
  • Compatibility Layer: Preserves legacy/admin surface behavior while standardizing table components.
  • Regulation Compliance: Ensures no new violations in table styles post-migration.
  • Real-Browser Testing: Validates layout and behavior in real web environments.
  • Use Case: Suitable for organizations looking to improve the consistency of their web content and ensure accessibility and SEO compliance through standardized table structures.

Quick Start

Run the skill with the command: table-system-migration --root <repo> --canonical-table-class content-table --canonical-wrapper-class table-scroll --write-baseline.

Frequently Asked Questions about table-system-migration

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

FAQPage Schema
How do I normalize HTML tables across a content-heavy website?▼

To normalize HTML tables across a content-heavy website, migrate one-off table styles into a unified, canonical component system that ensures consistent layouts and maintains compatibility with legacy admin classes.

What is the best way to regression-test HTML table layouts during migration?▼

The best way to regression-test HTML table layouts during migration is by validating behavior and layout consistency in a real web browser environment, ensuring no new style violations are introduced.

Can I preserve legacy admin table classes when standardizing HTML table components?▼

Yes, you can preserve legacy admin table classes when standardizing HTML table components by using a compatibility layer that maintains existing surface behavior while converting styles into a canonical system.

Does standardizing HTML tables improve web accessibility and SEO compliance?▼

Standardizing HTML tables improves web accessibility and SEO compliance by migrating ad-hoc table structures into a standardized format, which ensures no new regulation violations occur post-migration.

How do I migrate ad-hoc table styles to a canonical table system?▼

You migrate ad-hoc table styles to a canonical table system by running a migration command that targets your repository, defines canonical table and wrapper classes, and writes a baseline for future regression testing.

Related Skills

Explore More Software Engineering Skills→
obaDev95obaDev95

migration-pr-review

Assess migration PRs against a fixed rubric for HTML table parity.

Community
Advanced
redpanda-dataredpanda-data
34

visual-review

Automate visual and accessibility reviews of frontend UI changes with Playwright.

Official
Advanced
runkidsrunkids
11

web-quality-audit

Audit web pages for performance, accessibility, SEO, and best practices.

Community
Basic
SirPedrSirPedr

kcd-testing

Write and review Playwright integration tests against a live PostgreSQL database.

Community
Advanced