Adityaraj0421

Design Compare — Testing skill for Claude Code

Testing community

Capture two websites with Playwright and produce a structured side-by-side design comparison — layout, color, typography, navigation, and 'steal this' recommendations.

How to install Design Compare

Installs to ~/.claude/skills/adityaraj0421-naksha-studio-design-compare/SKILL.md

Terminal

mkdir -p ~/.claude/skills/adityaraj0421-naksha-studio-design-compare && curl -fsSL https://raw.githubusercontent.com/Adityaraj0421/naksha-studio/HEAD/commands/design-compare.md -o ~/.claude/skills/adityaraj0421-naksha-studio-design-compare/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Design Compare does

description: "Capture two websites with Playwright and produce a structured side-by-side design comparison — layout, color, typography, navigation, and 'steal this' recommendations." argument-hint: " " allowed-tools: ["Read", "mcp__plugin_playwright_playwright__*"]

/design-compare

Step 1 — Parse Arguments

`$ARGUMENTS` may be one of:

Two bare domains: stripe.com canva.com
Two full URLs: https://stripe.com https://canva.com
Mixed: `stripe.com https://canva.com

Alternatives in Testing

Playwright — Automate real browser interactions for navigation, forms, and scraping 14.6k ★
Marketing Skills Versions — Current versions of all skills 13.8k ★
Cc Sdd — Spec-driven development (SDD) for your team's workflow 3.1k ★