Communitygithub.com

coastdigitalgroup/coastai-skills

Audit and optimize competitor comparison pages ("Us vs. Them") to convert high-intent users in the evaluation stage. Trigger this skill when users are comparing alternatives or when "vs" keyword traffic has high bounce rates.

O que é coastai-skills?

coastai-skills is a Claude Code agent skill that audit and optimize competitor comparison pages ("Us vs. Them") to convert high-intent users in the evaluation stage. Trigger this skill when users are comparing alternatives or when "vs" keyword traffic has high bounce rates.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/coastdigitalgroup/coastai-skills/tree/HEAD/website-growth/competitor-comparison-optimization

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Competitor Comparison Optimization

Purpose

The Competitor Comparison Optimization skill provides a systematic framework for building and refining "Us vs. Them" pages. These pages target users in the "Evaluation" phase of the buyer's journey—the moment they are narrowing down choices between you and a competitor. By highlighting unique value, addressing specific pain points, and neutralizing competitor strengths, this skill aims to increase the conversion rate of high-intent traffic and shorten the sales cycle.

Use Cases

  • B2B SaaS companies competing in crowded categories (e.g., CRM, Project Management).
  • High-ticket e-commerce products where users perform extensive research before buying.
  • New market entrants trying to displace an established incumbent.
  • Optimizing landing pages for "Competitor Name + Alternative" search queries.

When NOT to Use

  • Monopoly or Unique Categories: If there are no direct competitors, a comparison page can create unnecessary doubt or introduce competitors the user wasn't considering.
  • Low-Price/Low-Involvement Goods: Users rarely compare competitors for $5 impulse buys; focus on product-page-optimization instead.
  • Brand Awareness Stages: If the user doesn't know what problem you solve yet, a comparison is premature. Use hero-section-optimization first.

Inputs

  1. Competitor Audit: List of top 1–3 direct competitors and their primary claims, pricing, and feature sets.
  2. Customer Feedback (The "Switch" Reasons): Why do customers leave the competitor for you? Why do they stay with the competitor?
  3. Feature-Value Map: A list of your features paired with the specific business value or "Job to be Done" they fulfill.
  4. Keyword Data: Performance of "Alternative to [Competitor]" or "[Your Brand] vs [Competitor]" search terms.

Outputs

  1. Comparison Matrix Design: A visually scannable table or section that highlights your "Winning" features.
  2. Objection Handling Framework: Messaging that proactively addresses areas where the competitor might be perceived as stronger.
  3. Migration/Switching Path: Clear guidance or incentives for users to move their data/workflow from the competitor to you.
  4. Optimized "Vs" Landing Page: A complete page structure designed to capture and convert comparison-driven traffic.

Workflow

1. Identify the "Battleground"

Don't compare every feature. Focus on the 3–5 "Winning Dimensions" where you have a clear advantage that matters to the user.

  • The Anchor: Identify the competitor's biggest weakness (e.g., "Too complex," "Too expensive," "Slow support").
  • The Pivot: Map your corresponding strength to that weakness.

2. Design the Comparison Matrix

Create a "Persuasive Table" rather than a neutral one.

  • Feature Naming: Use benefit-driven names (e.g., "Real-time Sync" vs. "Manual Updates").
  • Visual Cues: Use checkmarks for you and clear "X" or "Missing" markers (or limited indicators) for the competitor.
  • Weighting: Place your most unique or valuable features at the top of the list.

3. Neutralize the Incumbent's Strengths

If the competitor is "The Standard," address it head-on.

  • The "Yes, But" Strategy: "Yes, they have 1,000 integrations, but we have the 5 you actually use, built natively for speed."
  • Focus on the "Hidden Cost": Highlight the complexity, setup time, or additional fees associated with the competitor's "advanced" features.

4. Facilitate the Switch

The biggest barrier to switching is often the "Transition Cost."

  • The "Easy Migration" Section: Show how easy it is to import data.
  • Risk Reversal: Offer a "Switch & Save" discount or a free migration service to lower the stakes.

5. Social Proof (The "Ex-User" Validation)

Use testimonials specifically from people who switched.

  • Example: "We used [Competitor] for 3 years, but moved to [Product] because of the [Specific Benefit]. We haven't looked back."

Decision Rules

  • Ethical Integrity: Never lie. If a competitor has a feature you don't, either omit that row or frame it as "Complexity you don't need."
  • The "Rule of Three": Limit the comparison to 3 competitors maximum. Comparing yourself to 10 companies dilutes your message and confuses the user.
  • Conversion-Centric CTAs: Instead of "Sign Up," use "See the Difference" or "Start Your Migration."
  • Scannability First: A user should understand why you are better in less than 10 seconds of scrolling.

Constraints

  • Factual Accuracy: All competitive claims must be verifiable and current — outdated or false comparisons create legal liability and damage trust.
  • Legal Review: Directly naming competitors in comparative advertising may require legal sign-off depending on jurisdiction and phrasing.
  • Maintenance Burden: Comparison pages require ongoing updates as competitor pricing, features, and positioning change.

Non-Goals

  • Conducting primary competitor research or pricing discovery.
  • Setting product positioning strategy or pricing tiers.
  • Managing competitor monitoring or alerting systems.

Common Failure Patterns

  • The "Feature War": Listing 50 technical features that the average user doesn't understand or care about.
  • Being Too Negative: Attacking the competitor too aggressively can make your brand look insecure. Focus on the user's pain, not the competitor's failure.
  • Neutrality Trap: Making the comparison so "fair" that the user still doesn't know which one to pick.
  • Outdated Data: Showing prices or features for a competitor that changed a year ago, which ruins your credibility.

Validation Criteria

  • Conversion Rate (CR): Percentage of comparison page visitors who start a trial or request a demo.
  • Trial-to-Paid Velocity: Does traffic from comparison pages convert to paying customers faster than general traffic? (Indicates higher intent).
  • Bounce Rate on "Vs" Keywords: A decrease in bounce rate on specific search landing pages.
  • Qualitative Customer Feedback: Asking new signups, "Did our comparison page help you make your decision?"

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for progressive disclosure using accordions, ensuring structural integrity, visual affordances, and accessibility across different content densities and devices.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for long-form content, managing readability, vertical rhythm, and information density to ensure a superior reading experience.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for informational elements that communicate state (Badges) and categorization (Tags) with clarity and accessibility.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for non-overlay notifications, managing global announcements and contextual inline alerts to communicate system states without interrupting the user's flow.

coastdigitalgroup/coastai-skills

Design and implement a systematic, asymmetrical bento-grid layout framework to organize diverse content types cohesively while maintaining strict visual hierarchy, logical focus order, and responsive flexibility.

coastdigitalgroup/coastai-skills

Design a responsive, mobile-first bottom navigation bar and persistent action dock system for mobile websites and web applications, establishing spatial anchors, tab bar anatomy, badge indicators, thumb-zone ergonomics, safe area inset handling, active/inactive state contrast, and desktop responsive adaptation rules.

coastdigitalgroup/coastai-skills

Design a mobile-first bottom sheet overlay system with configurable detents, drag affordances, safe area padding, responsive desktop modal/popover adaptation, and WCAG AA accessibility compliance.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for secondary navigation trails that provide orientation, context, and one-click access to parent levels in deep information architectures.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for buttons and interactive triggers, managing visual hierarchy, variant logic, and action grouping to ensure clear intent and accessible interaction.

coastdigitalgroup/coastai-skills

Design a systematic framework for date and time selection, managing calendar grids, range pickers, and scheduling interfaces to ensure precision and accessibility.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for modular content containers that maintain hierarchy, structural integrity, and action alignment across variable content and responsive viewports.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for horizontal discovery components, managing navigation affordances, scroll behavior, and accessibility to ensure effective content density without compromising usability.

coastdigitalgroup/coastai-skills

Design a systematic, highly accessible, and developer-friendly UI layout framework for code blocks, snippet showcases, multi-file code tabs, line-highlighting, diff views, and syntax token contrast in technical documentation and developer platforms.

coastdigitalgroup/coastai-skills

Design a systematic framework for global command menus (Cmd+K panels) that combines keyboard-driven navigation, command execution, and shortcut discovery into an accessible, responsive overlay.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for threaded conversations, managing nesting depths, action hierarchies, and community signaling to foster engagement and readability.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for side-by-side comparison interfaces, managing high attribute density and responsive complexity to support informed decision-making.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for user privacy, managing consent banners, preference centers, and persistent privacy controls to balance legal compliance with user trust.

coastdigitalgroup/coastai-skills

Design and implement a systematic, highly accessible, and responsive visual layout framework for conversational chat widgets, live chat boxes, and chatbot panels that ensures clear message scannability, native focus flow, and seamless mobile keyboard adaptation.

coastdigitalgroup/coastai-skills

Design a systematic, accessible, and high-conversion framework for custom select dropdowns and comboboxes, defining anatomy, states, search-filtering, and responsive mobile-adaptive patterns.

coastdigitalgroup/coastai-skills

Design and implement a systematic color palette that ensures WCAG 2.2 accessibility compliance. Trigger this skill when asked to define brand colors, create UI themes, or establish a visual system for a website.

Habilidades Relacionadas