comparison-table-generator

Generate interactive comparison-table MicroSims with star ratings and hover tooltips.

90|12|Updated Nov 1, 2025
One-click install
npx skills add https://github.com/dmccreary/claude-skills --skill comparison-table-generator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: comparison-table-generator
Source: https://github.com/dmccreary/claude-skills/tree/main/skills/archived/comparison-table-generator
Command: npx skills add https://github.com/dmccreary/claude-skills --skill comparison-table-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill produces interactive comparison table MicroSims to help students compare items across criteria with star ratings and difficulty badges.

Core Features & Use Cases

  • Grid-based, badge-styled comparison tables
  • Hover tooltips with descriptions
  • Drag-and-drop or keyboard navigation within the table

Quick Start

Create a microsim that compares three software packages with 4 criteria each.

Frequently Asked Questions about comparison-table-generator

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

FAQPage Schema
How do I create an interactive comparison table with star ratings?

Comparison table generators produce grid-based tables that display items side-by-side across multiple criteria with star ratings and difficulty badges. You provide items and criteria; the generator produces HTML, CSS, and interactive hover tooltips for 3 to 8 items in a complete MicroSim package.

Can I add badges and tooltips to my comparison tables?

Yes. The generator applies badge styling and hover tooltips with descriptions to each cell, enabling visual distinction and additional context without cluttering the grid. These elements are built into the MicroSim output.

What output files does a comparison table generator produce?

The generator produces a complete MicroSim package: HTML and CSS files, a logos directory, index.md documentation, metadata.json with Dublin Core elements, and updates to mkdocs.yml for navigation integration.

How many items and criteria can I compare in a single table?

Comparison tables support 3 to 8 items compared across multiple criteria. This range balances readability with information density while maintaining interactive usability through keyboard navigation and drag-and-drop.

What's the best way to structure educational content with side-by-side comparisons?

Grid-based comparison tables with star ratings and difficulty badges are effective for educational MicroSims. They present structured data clearly, support keyboard and drag navigation, and use visual indicators to help students evaluate items against consistent criteria.

Do I need existing logos to generate a comparison table?

The generator creates a logos directory as part of the MicroSim package, but you should prepare logo files or image assets beforehand. The generator organizes and references them; it does not create graphics.