competitor-analyst vs design-system-tokens

Two Product Claude Code skills, side by side. Pick the right skill for your workflow with a side-by-side look at metadata, sample code, and install commands.

Side-by-side

Tag overlap

Sample code from each SKILL.md

                    Marketing-led
                         │
           Braze ●       │      ● Airship
                         │
    Self-serve ──────────┼────────── Enterprise
                         │
        OneSignal ●      │      ● Knock
                         │
                    Engineering-led

{
  "color": {
    "primary": {
      "50": {
        "$type": "color",
        "$value": "oklch(0.97 0.01 250)",
        "$description": "Lightest primary shade"
      },
      "500": {
        "$type": "color",
        "$value": "oklch(0.55 0.18 250)",
        "$description": "Base primary"
      },
      "900": {
…

When to choose each

competitor-analyst — Competitive analysis and market positioning partner for Product Managers. Use when the user needs to analyze competitors, map market positioning, identify feature gaps, or prepare for competitive conversations.…

design-system-tokens — Design token management with W3C Design Token Community Group specification, three-tier token hierarchy (global/alias/component), OKLCH color spaces, Style Dictionary transformation, and dark mode theming. Use when…

Both are free to install. If you're unsure, install both — Claude Code skills are isolated by filename and only collide if their trigger phrases overlap (rare). The richest signal is the SKILL.md body itself — open both skill pages and read the first paragraph of each.

Other comparisons in this category

• task-batch vs write-prd
• competitor-analyst vs figma-design-handoff
• competitor-analyst vs interaction-patterns
• competitor-analyst vs linguistics
• competitor-analyst vs task-batch
• competitor-analyst vs write-prd

See all Claude Code skill comparisons · Browse all Product skills · Top 100