Skip to content
Get packs

Consistent Help Checker

Audits multi-page flows so help links and chat stay in the same place on every screen.

Source Download skill
Repository
thedaviddias/Front-End-Checklist
Stars
74,632
Licence
MIT
Files
2 files

What it does

When this skill is installed, the agent reviews a set of related pages, such as checkout or account recovery, and checks whether help options like contact links, chat buttons, FAQ links, or support phone numbers appear in the same relative order on each page. It flags places where help moves around and suggests keeping it in a stable spot, based on the WCAG Consistent Help accessibility guideline. It is a review guide, not a tool that changes files on its own.

Great for

  • Front-end developers reviewing multi-step user journeys before release
  • Designers checking that support options stay predictable across a flow
  • Accessibility reviewers auditing against WCAG Consistent Help

Skip it if

  • Single standalone pages with no related screens, since the rule is about consistency across pages (the skill itself says to compare multiple pages).
  • Teams wanting automated scanning of a live site; the skill only gives the agent instructions and includes no scanning tool, so it relies on what the agent can see in code or screenshots.

Try asking

  • “Review the checkout flow pages and tell me if the help link moves between steps.”
  • “Check our onboarding screens for consistent placement of the chat button at mobile and desktop widths.”
  • “Audit the account recovery journey for support phone numbers that appear in different positions.”
  • “Explain the WCAG Consistent Help criterion and how it applies to our support pages.”
Step-by-step guide: how to use Consistent Help CheckerInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the MIT licence and an attribution note.

    consistent-help.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip consistent-help.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip consistent-help.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Provide the agent with several related pages or screenshots at the same breakpoint so it can compare relative order.
  • Name the breakpoint and zoom level you care about, since the rule is judged per breakpoint.
  • Use the references/rule.md file for deeper implementation examples when you need framework-specific fixes.

What's inside

  • references/rule.md
  • SKILL.md

Redistributed unmodified from thedaviddias/Front-End-Checklist under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.