HenryLeTheSloth

Shopify Visual Test — Testing skill for Claude Code

Testing community

Screenshot full page local dev + get full Figma page, then compare section by section.

How to install Shopify Visual Test

Installs to ~/.claude/commands/henrylethesloth-shopify_claude_skills-shopify-visual-test.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/HenryLeTheSloth/shopify_claude_skills/HEAD/.claude/commands/shopify-visual-test.md -o ~/.claude/commands/henrylethesloth-shopify_claude_skills-shopify-visual-test.md

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

What Shopify Visual Test does

description: Screenshot full page local dev + get full Figma page, then compare section by section

Compare toàn bộ trang live với Figma design và báo cáo mọi sai lệch.

**$ARGUMENTS**

Format: ` [viewport]`

Examples:

/shopify-visual-test https://figma.com/design/ABC?node-id=1-2 http://127.0.0.1:9292
/shopify-visual-test https://figma.com/design/ABC?node-id=1-2 http://127.0.0.1:9292 mobile

Step 1 — Parse arguments

figmaUrl — Figma URL tr

Alternatives in Testing

Marketing Skills Versions — Current versions of all skills 13.8k ★
Spec Draft PR — Turn a feature idea or GitHub issue into a one-page spec saved to Documentation/specs/ and opened as a draft P 324 ★
Ab Variants — Generate A/B test design variants from an existing Figma screen — alternate layouts, CTA placements, color tre 309 ★