Qiscus Landing Page QC

Help designers QC landing pages — compare the staging implementation against the design intent, with viewport and QC-depth options.

Overview

Qiscus Landing Page QC helps designers check landing pages by comparing the implementation against the design intent. The skill bridges the classic gap between staging output and the intended visual design — spacing that drifts, colors that shift, or components that change during the build.

How It Works

Version 1.0.1 of the skill runs with a confirmation flow before it executes. You’ll be asked for:

  1. Implementation source — the staging URL or implementation result
  2. Design source — the design file/link used as the reference
  3. Viewport — desktop, tablet, or mobile
  4. QC depth — how deep the check should go

Once all four inputs are confirmed, the skill runs the check and reports the differences.

Install Steps

  1. Install the Qiscus Landing Page QC shared skill (latest version 1.0.1) from Claude
  2. Have the implementation link and design source ready before running

Example Prompts

QC this landing page: the implementation is at [staging URL], the design
is at [Figma link]. Desktop viewport, thorough QC depth.