Claude MarketplacesSubmit
finsilabs avatar

Product Comparison

finsilabs/awesome-ecommerce-skills

This one helps you add a side-by-side product comparison table to your store so shoppers can pick 2–4 items and see specs lined up in columns. It's platform-aware: walks you through enabling native features on BigCommerce, installing YITH Compare on WooCommerce, or using Comparify on Shopify. For custom builds, it includes React components for a floating comparison tray and a sticky-header table that highlights differing attributes and hides identical rows to cut noise. The state lives in the URL, so comparisons are shareable. Best for stores selling technical products where buyers actually need to see specs next to each other before they'll convert.

skills.sh installs
303
GitHub stars
63
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add finsilabs/awesome-ecommerce-skills --skill product-comparison --agent claude-code

Installs into .claude/skills of the current project.

Files

Product Comparison

Overview

Build a side-by-side product comparison feature where shoppers select 2–4 products and see their attributes in a sticky-header table. Attribute rows that are identical across all selected products can be hidden to reduce noise. The comparison state is stored in the URL so it can be shared or bookmarked.

When to Use This Skill

  • When selling products with many technical specifications (electronics, appliances, cameras)
  • When conversion research shows shoppers are considering multiple products before purchasing
  • When the product catalog has well-structured attribute data that lends itself to comparison
  • When building a B2B store where buyers need to justify purchase decisions to stakeholders
  • When implementing a "Compare" checkbox on product listing pages

Core Instructions

Step 1: Determine the merchant's platform and choose the right approach

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/finsilabs/awesome-ecommerce-skills
Category
Productivity & Planning
First seen
Jun 3, 2026

More from finsilabs/awesome-ecommerce-skills

All 3

Recommended

More Productivity & Planning
1evoscientist avatarexperiment-iterative-coderevoscientist/evoskillsIterative code refinement through plan → code → evaluate → refine cycles. Runs lint checks (ruff), tests (pytest), and structured self-evaluation each cycle, th301skills.sh installs
2pproenca avatarthinkpproenca/dot-skillsDeep strategic thinking mode that finds the single highest-leverage, most innovative action by blending concepts across domains. Use this skill whenever the use301skills.sh installs
3nucliweb avatarwebperf-core-web-vitalsnucliweb/webperf-snippetsIntelligent Core Web Vitals analysis with automated workflows and decision trees. Measures LCP, CLS, INP with guided debugging that automatically determines fol295skills.sh installs
4s-hiraoku avataropencode-experts-hiraoku/synapse-a2aThis skill provides comprehensive guidance for using OpenCode, the open-source AI coding agent. Use this skill when working with OpenCode CLI commands, keyboard295skills.sh installs
5google-gemini avatarbehavioral-evalsgoogle-gemini/gemini-cliGuidance for creating, running, fixing, and promoting behavioral evaluations. Use when verifying agent decision logic, debugging failures, debugging prompt stee294skills.sh installs
6hughyau avatarpractice-cognitionhughyau/qiushi-skill触发：当你提出了方案、假设或判断，需要通过实践验证、试错迭代或复盘升级认知时调用；常见信号包括 experiment、prototype、validate、iterate、feedback loop。 English: Trigger when an idea, hypothesis, or plan must be 291skills.sh installs