yojahny55

Wp Responsive Check — Design skill for Claude Code

Design community

Responsive validation — screenshots at 5 viewports, checks for layout issues.

How to install Wp Responsive Check

Installs to ~/.claude/skills/yojahny55-claude-wp-builder-wp-responsive-check/SKILL.md

Terminal

mkdir -p ~/.claude/skills/yojahny55-claude-wp-builder-wp-responsive-check && curl -fsSL https://raw.githubusercontent.com/yojahny55/claude-wp-builder/HEAD/commands/wp-responsive-check.md -o ~/.claude/skills/yojahny55-claude-wp-builder-wp-responsive-check/SKILL.md

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

What Wp Responsive Check does

description: Responsive validation — screenshots at 5 viewports, checks for layout issues allowed-tools: Read, Write, Edit, Bash, Grep, Glob argument-hint: ""

WP Responsive Check — Responsive Validation

Take screenshots at 5 standard viewports and analyze for responsive layout issues.

Step 1: Get Target

Get the target from `$ARGUMENTS`. It can be:

A URL (e.g., http://localhost/mysite/)
A file path (e.g., demo/index.html)

If `$ARGUMENTS` is empty, ask t

Alternatives in Design

Figma — Fetch design context, screenshots, and assets from Figma for implementation 14.6k ★
Brainstorm Experiments New — Design lean pretotypes for new product validation 7.8k ★
Extract Skill — Reverse-engineer design systems, tokens, and components from live products or screenshots 2.8k ★