competitor-analyst vs figma-design-handoff

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

// .claude/mcp-servers/figma.json — sample config
{
  "figma": {
    "command": "figma-mcp",
    "args": ["--mode=dev"],
    "env": { "FIGMA_ACCESS_TOKEN": "${FIGMA_TOKEN}" }
  }
}

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.…

figma-design-handoff — Figma-to-code design handoff patterns including Figma Variables to design tokens pipeline, component spec extraction, Dev Mode inspection, Auto Layout to CSS Flexbox/Grid mapping, and visual regression with Applitools.…

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 design-system-tokens
• 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