Comparison Tool Design
Skill Verifiziert AktivDesigning side-by-side comparison tools (plan-compare, product-compare, alternative-compare) that help users decide rather than just listing features. Axis selection, default-comparison logic, recommendation discipline. Honest about feature-list-dump (every feature in a row, no decision support), hidden-recommendation (biased comparison pretending to be neutral), and honest-comparison-with-guidance (genuine comparison plus opinionated recommendation) patterns. Triggers on comparison tool, plan compare, product compare, alternative compare, vs page, decision support tool. Also triggers when conversion through comparison stages is poor, when users are abandoning at the comparison step, or when a comparison tool is being scoped for the first time.
To guide users in designing effective comparison tools that genuinely help users decide between options, build trust, and drive conversion.
Funktionen
- Designs comparison tools for plans, products, and alternatives.
- Covers axis selection, default logic, and recommendation discipline.
- Distinguishes between feature-dump, hidden-recommendation, and honest-comparison-with-guidance patterns.
- Provides guidance on filtering and toggle UX.
- Highlights common comparison fatigue patterns and anti-patterns.
Anwendungsfälle
- Scoping a comparison tool for the first time.
- Auditing an existing comparison tool that is not producing conversion lift.
- Designing recommendation logic that is honest and defensible.
- Deciding which axes are decision-relevant for a comparison tool.
Nicht-Ziele
- Engineering implementation details of comparison tools.
- Specific configurations for Webflow, Framer, or CMS platforms.
- Calculator design (covered by `calculator-design` skill).
- Quiz design (covered by `quiz-and-assessment-design` skill).
Installation
npx skills add rampstackco/claude-skillsFührt das Vercel skills CLI (skills.sh) via npx aus — benötigt Node.js lokal und mindestens einen installierten skills-kompatiblen Agent (Claude Code, Cursor, Codex, …). Setzt voraus, dass das Repo dem agentskills.io-Format folgt.
Qualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Design Workflow
100Anti-AI-generic design guidelines. Use when creating UI prototypes, reviewing designs for generic AI patterns, or setting up a project design system.
Macos Design
100Design and build native-feeling macOS application UIs. Use this skill whenever the user asks to create a desktop app, macOS app, Mac-style interface, Apple-style UI, system utility, or anything that should look and feel like a native Mac application. Also trigger when users mention "native feel", "desktop app design", "Apple design patterns", "sidebar layout", "traffic lights", or want to build tools/utilities that feel like they belong on macOS. This skill covers layout, composition, interaction patterns, animations, light/dark mode, and all the subtle details that make an app feel like Apple built it.
Type Audit
100Typography-only audit covering font selection, type scale, readability, hierarchy, performance
Component Audit
100Component consistency audit covering state coverage, hierarchy, patterns
Color Audit
100Color-only audit to extract, evaluate, and recommend improvements for the project's color system
Referral Program
100When the user wants to design, launch, or optimize a referral or affiliate program. Use when they mention 'referral program,' 'affiliate program,' 'word of mouth,' 'refer a friend,' 'incentive program,' 'customer referrals,' 'brand ambassador,' 'partner program,' 'referral link,' or 'growth through referrals.' Covers program mechanics, incentive design, and optimization — not just the idea of referrals but the actual system.