html-comparison-matrix

Generate interactive weighted comparison matrices with adjustable sliders and JSON export.

Updated May 5, 2026
One-click install
npx skills add https://github.com/ethan-rio/skills --skill html-comparison-matrix
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: html-comparison-matrix
Source: https://github.com/ethan-rio/skills/tree/main/skills/html/html-comparison-matrix
Command: npx skills add https://github.com/ethan-rio/skills --skill html-comparison-matrix

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill eliminates the inconsistency and bias of ad-hoc comparisons when evaluating multiple named candidates against multiple criteria, ensuring decisions are transparent, weighted, and easy to defend to stakeholders.

Core Features & Use Cases

  • Interactive Weighted Matrices: Generates self-contained HTML files with live-updating scoring grids, adjustable weight sliders, and per-candidate score rationales.
  • Hard Requirement Guardrails: Surfaces disqualifying failures for non-negotiable criteria so users don't select ineligible candidates.
  • Use Cases: Ideal for library/vendor selection, build-vs-buy decisions, and architectural pattern comparisons where 2+ named candidates need to be evaluated against multiple weighted criteria.

Quick Start

Use the html-comparison-matrix skill to build a weighted scoring matrix to compare LaunchDarkly, Unleash, and Flagsmith for your feature flag needs, with criteria for price, on-prem support, SDK ecosystem, dev experience, and observability.

Frequently Asked Questions about html-comparison-matrix

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

FAQPage Schema
How do I build a weighted comparison matrix for vendor selection?

Build a weighted comparison matrix by listing named candidates and evaluation criteria, applying weights to criteria, and scoring each candidate to generate transparent, defensible vendor selection decisions. Live-adjustable sliders recalculate totals in real time.

What is a weighted scoring model for build-versus-buy analysis?

A weighted scoring model for build-versus-buy analysis evaluates named candidates against multiple criteria with assigned weights. It produces transparent scoring grids with per-candidate score rationales to ensure architectural decisions are defensible to stakeholders.

Can I export comparison matrix scores to JSON?

Yes, you can export comparison matrix scores to JSON. Generating interactive weighted matrices produces self-contained HTML artifacts that include a JSON export of the final verdict, capturing total scores and rationales for downstream analysis.

How do I enforce hard requirements during library evaluation?

Enforce hard requirements during library evaluation by applying disqualification checks to non-negotiable criteria. The comparison matrix surfaces disqualifying failures for ineligible candidates so they are eliminated before final scoring adjustments are applied.

Does the comparison matrix support sensitivity analysis?

Yes, the comparison matrix supports sensitivity analysis by providing live-adjustable weight sliders. Adjusting criteria weights triggers real-time total recalculation across named candidates, letting you observe how weight changes impact the final decision verdict.

What is the best way to compare architectural patterns for a new project?

The best way to compare architectural patterns is to evaluate 2 or more named candidates against multiple weighted criteria using an interactive comparison matrix. This generates self-contained HTML artifacts with score rationales, ensuring transparent architectural choices.