/design-visual-qa
Capture full-page screenshot baselines at multiple viewports and browsers, then diff later runs against them to catch unintended rendering changes. Renders with the bundled (free) Playwright extension and compares with Claude's vision, adding an exact pixel-diff CLI for precise
$ npx -y skills add ZachArticulateV/designer-pro-and-seo --skill design-visual-qa --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/design-visual-qa
Context preview
The summary Claude sees to decide when to auto-load this skill.
Capture full-page screenshot baselines at multiple viewports and browsers, then diff later runs against them to catch unintended rendering changes. Renders with the bundled (free) Playwright extension and compares with Claude's vision, adding an exact pixel-diff CLI for precise
A Claude Code plugin for the web-design + SEO workflow: research a niche, generate a coherent design system, write a complete build brief, build, run a pre-delivery QA gate, port the result into any CMS, and review on-page SEO.
Repo: ZachArticulateV/designer-pro-and-seo
Other skills on designer-pro-and-seo.
- /blast-prompt
Generate a complete build brief in BLAST format — Blueprint, Link, Architect, Stylize, Trigger — so a build agent can one-shot a high-quality build. Pulls the Stylize section from a saved or freshly generated design system. Trigger when the user says "blast prompt", "build
Open skill - /client-outreach
Generate cold-outreach openers, value-led follow-up sequences, niche-authority positioning, and a tool-import CSV with CAN-SPAM/GDPR/CASL compliance-checklist fields for landing the first clients in a service business. Uses copywriting for sharper lines when available; otherwise
Open skill - /content-draft
Draft long-form content (blog post, service page, landing page, guide) from a brief or outline — structured, on-intent, and originality-checked, ready for human edit. Trigger when the user says "draft this", "write the blog post", "write the page", "turn this brief into
Open skill - /copywriting
Write conversion-focused copy for a page or section — headlines, subheads, value propositions, CTAs, feature/benefit blocks, and microcopy — anchored to a specific audience and offer. Trigger when the user says "write copy", "headline", "value proposition", "CTA copy", "hero
Open skill - /csv-to-report
Convert a raw CSV into a structured, business-ready report using a 3-step framework — load + label, define rules, request structured deliverables. Trigger when the user says "csv to report", "report from this csv", "summarize this spreadsheet", "training log report", "compliance
Open skill - /design-accessibility
Audits HTML against WCAG 2.2 — no-tools structural checks (alt text, heading order, form labels, lang, landmarks, skip link, viewport meta, token-based contrast), plus a full axe-core scan covering computed contrast, keyboard/focus order, reduced-motion, and 200% zoom. Uses
Open skill