# Comparison Table

> Feature comparison table design, plan comparison, and product comparison patterns.

- Skill: `dragoon0x/comparison-table` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/comparison-table`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/comparison-table/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/comparison-table

---


# Comparison Table

## Design
- Sticky header row with plan/product names
- Group features by category with section headers
- Checkmarks and X marks (with accessible labels)
- Highlight the recommended column
- Mobile: convert to stacked cards or horizontal scroll

## Rules
1. Highlight differences, not similarities
2. Most important features at the top
3. Tooltip on features that need explanation
4. 10-15 features max before it becomes overwhelming
5. CTA button at the bottom of each column
6. Include price at top and bottom for context