skills.rest
Emasoft
EmasoftCOMMUNITY
Explore all skills by this author →
Website𝕏@fmuaddibGitHub

amvcp-tables-special

Generate interactive special table layouts with compare, kanban, pro/con, and spanning-cell grids.

Updated May 8, 2026
Search Tags:#accessibility#comparison#kanban#tables#csv export#pro con#colspan rowspan
One-click install
npx skills add https://github.com/Emasoft/ai-maestro-visual-communicator-plugin --skill amvcp-tables-special
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: amvcp-tables-special
Source: https://github.com/Emasoft/ai-maestro-visual-communicator-plugin/tree/main/skills/amvcp-tables-special
Command: npx skills add https://github.com/Emasoft/ai-maestro-visual-communicator-plugin --skill amvcp-tables-special

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill standardizes and accelerates authoring of non-traditional table layouts so they render correctly with consistent selection, commenting, decision toggles, exports, and keyboard accessibility.

Core Features & Use Cases

  • Before/after 2-column compare: a canonical asymmetric compare table with emphasis and criterion-driven rows.
  • Kanban-as-table: a lightweight triage board using a 4-column NOW/NEXT/LATER/CUT table pattern.
  • Pro/Con tradeoff grids: compact tradeoff tables with colored-dot semantics per row.
  • Spanning cells support: correct colspan/rowspan handling via a grid-map approach instead of fragile column indexing.
  • Table-form scope skip: prevents conflicting enhancements inside data-ve-type="table-form" scopes.
  • Row move (not clone): preserves runtime selection state, comment threads, and decision-mini pills during sorting/reordering.
  • Keyboard accessibility: operable sortable headers with correct ARIA announcements, focus-visible rings, and Space/Enter behavior.

Quick Start

Use the amvcp-tables-special skill to generate the required interactive table HTML for a non-traditional table shape like a kanban-style NOW/NEXT/LATER/CUT triage list.

Frequently Asked Questions about amvcp-tables-special

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

FAQPage Schema
How do I create a kanban table layout for task triage?▼

A kanban table layout uses a 4-column NOW/NEXT/LATER/CUT triage pattern to organize tasks. This skill generates that grid with consistent selection, modal comments, and move-not-clone sorting safety during reordering.

What is the best way to handle colspan and rowspan in sortable tables?▼

Handling colspan and rowspan correctly requires a grid-map approach instead of fragile column indexing. This skill maps span geometry accurately to maintain reliable sorting and interactive behavior across complex table structures.

How do I build a pro and con comparison table with CSV export?▼

Building a pro and con comparison table with CSV export involves generating compact tradeoff grids with colored-dot semantics per row. This skill applies decision toggles and CSV export functionality to the resulting tradeoff table.

Does keyboard accessibility work with interactive sortable table headers?▼

Keyboard accessibility supports interactive sortable table headers through operable Space/Enter behavior, correct ARIA announcements, and focus-visible rings. This ensures the grids are fully navigable for assistive technology users.

Why does my table enhancement conflict inside table-form scopes?▼

Table enhancement conflicts inside table-form scopes occur when interactive scripts target input areas. This skill prevents conflicts by implementing table-form scope skipping to bypass enhancement inside data-ve-type table-form boundaries.

Can I generate an asymmetric before and after comparison table?▼

Generating an asymmetric before and after comparison table uses a canonical 2-column compare layout with emphasis and criterion-driven rows. This skill produces that structure while maintaining consistent selection and export behavior.

Related Skills

Explore More Design & Creative Skills→
EmasoftEmasoft

amvcp-layout-kpi

Generate KPI rows and 12-column dashboard layouts with CSS Grid auto-fit and data-span placement.

Community
Intermediate
EmasoftEmasoft

amvcp-tables-primitives

Load amvcp-tables.js to establish interactive HTML table primitives with modes and theming.

Community
Intermediate
skilld-devskilld-dev
174

tanstack-vue-table-skilld

Integrate TanStack Vue Table into Vue 3 apps with sorting, filtering, pagination, and grouping.

Official
Intermediate
masermediagroup-stackmasermediagroup-stack
1

implementing-drag-drop

Build accessible drag-and-drop interfaces in React/TypeScript with dnd-kit.

Community
Intermediate