What are the core metrics used for flow comparison?

The skill analyzes flows based on the number of steps, clarity of goals, efficiency (clicks/time), feedback mechanisms, and consistency with platform conventions.

What is the Competitive Design skill?

It is a specialized capability for Claude Code that helps product teams analyze and compare the user experience and interface patterns of competing products to inform their own design decisions.

Can this skill help with accessibility audits?

Yes, it evaluates competitive accessibility by reviewing VPAT claims, keyboard support, focus order, and known issues reported in community audits.

How does the 'Design Implications' framework work?

It categorizes findings into four actionable outcomes: Adopt (patterns to replicate), Avoid (weaknesses to skip), Differentiate (opportunities for unique value), and Monitor (changing competitor areas).

Competitive Design

Name: Competitive Design
Author: propane-ai

bypropane-ai

•

Design Tools

Analyzes competitor UX/UI flows and interface patterns to generate actionable design insights and strategic briefs.

The Competitive Design skill enables product teams and designers to conduct structured UX/UI audits of competitor products. It systematically breaks down user flows, UI patterns, and accessibility standards to identify market benchmarks and friction points. By evaluating dimensions like efficiency, visual hierarchy, and feedback mechanisms, the skill helps teams move beyond simple observation to generate strategic recommendations—deciding which patterns to adopt, which mistakes to avoid, and exactly where to differentiate to create a superior user experience.

Key Features

01Actionable prioritization framework (Adopt, Avoid, Differentiate, Monitor)

021 GitHub stars

03Evidence-based accessibility benchmarking against WCAG standards

04Structured user flow comparison for efficiency and clarity mapping

05Integration of qualitative data from user reviews and design systems

06Comprehensive UI pattern analysis across navigation, forms, and feedback

Use Cases

01Conducting a deep-dive UX audit of competitor onboarding and checkout flows

02Benchmarking industry accessibility standards to define product baselines

03Building a competitive design brief to inform a new feature's UI direction

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add propane-ai/kits competitive-design

For use in Claude.ai and ChatGPT

Download Skill