Guide · Agent skill
How to use the Consistent Help Checker agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
The Consistent Help Checker is an agent skill that asks your AI agent to review a set of related pages, such as checkout or account recovery, and check whether help options appear in the same relative order on each one. This guide explains what the skill does, how to install it, how to trigger it with plain requests, and what to watch for. By the end you will be able to run a consistency review on a multi-step flow.
Consistent Help Checkerthedaviddias/Front-End-Checklist · MIT Download the skill Quick start
- 1Download the ZIP. Get the consistent-help ZIP from the skill's page on this directory.
- 2Unzip the folder. Extract the files so you have a consistent-help folder containing SKILL.md and references/rule.md.
- 3Place the skill. Move the folder to ~/.claude/skills/ for personal use or to .claude/skills/ inside your project.
- 4Or upload in Claude apps. In the Claude apps, go to Settings → Capabilities → Skills and upload the ZIP.
- 5Name your flow. Ask for a review of a specific multi-page journey such as checkout or account recovery.
- 6Provide the pages. Share the code or screenshots for each page at the same breakpoint.
- 7Act on the findings. Review each flagged page and move help to a stable position you apply across the flow.
What is an agent skill and what does this one do?
An agent skill is a folder of instructions that an AI agent can load when a task matches the skill's description. This one is named consistent-help and is based on the WCAG Consistent Help accessibility guideline.
When it is active, the agent looks at a set of related pages and checks whether contact links, chat buttons, FAQ links, help-center links, or support phone numbers appear in the same relative order on each page. Where help moves around, it flags the pages or breakpoints involved and suggests keeping help in a stable spot. The skill is a review guide: it does not change your files on its own.
- Compares several pages in the same flow, not a single page alone
- Focuses on relative order of help mechanisms, not exact pixel placement
- Works from code or screenshots the agent can see
How do you install the consistent-help skill?
You can install the skill in either of two ways. Download the ZIP from the skill's page on our directory and unzip it. Then place the folder in one of these locations:
- Personal skills: ~/.claude/skills/
- Project skills: .claude/skills/ inside your project folder
- Claude apps: upload the ZIP under Settings → Capabilities → Skills
How do you trigger the skill with a natural request?
You do not need a special command. Describe the review you want in plain language and mention the pages or flow. The skill's description focuses on multi-page flows, so name the journey and the screens involved.
Asking for a comparison across pages works better than asking about one page. A request that names the flow and the pages will trigger the skill more reliably.
- Check whether the help links on our checkout steps stay in the same order on each page.
- Review the onboarding screens for consistent placement of chat, FAQ and contact options.
- Audit our account recovery flow for help that moves between pages at the same breakpoint.
What does a good review look like?
The skill asks the agent to check repeated help mechanisms on each page of the set, then to flag exact pages or breakpoints where help moves to a different relative position. It also recommends moving repeated help into a consistent location and keeping relative order stable across the flow.
The reference guide gives a simple example. A help link in the header on one checkout page and in the footer on the next is an inconsistency. Keeping the same help link in the same header area on every step is the fix.
- Check the same breakpoint and zoom level on every page
- Review chat, phone, contact, FAQ and help-center entry points together
- Treat inconsistency across steps as more important than exact visual style
<header>
<a href="/help">Help</a>
</header>What does the skill need and what are the safety notes?
The skill lists no required tools or dependencies. It does not run scripts and does not use the network. It only gives the agent instructions and includes no scanning tool, so the agent works only with what it can read in your code or see in screenshots.
Because it does not scan a live site, you should supply the pages, templates or screenshots you want reviewed. Review the agent's findings before acting on them.
- Runs scripts: no
- Uses network: no
- Includes no automated scanner for live sites
What tips help you get better results?
Give the agent complete sets of related screens, not one screen at a time. Include the responsive variants you care about, because the skill checks order at the same breakpoint. Point it to the reference file if you want code examples and framework-specific guidance.
- Provide the full set of flow pages in one request
- Specify the breakpoint or zoom level to compare
- Ask the agent to cite the exact pages where help moves
- Read references/rule.md for code examples of good and bad markup
What people use it for
- Reviewing checkout steps before a release to confirm help stays in the same header or footer position
- Checking onboarding screens for predictable placement of chat, FAQ and contact links
- Auditing account recovery pages against the WCAG Consistent Help guideline
- Comparing support journeys at mobile and desktop breakpoints for consistent help order
Frequently asked questions
How do I install the consistent-help skill?
Download the ZIP from the skill's page, unzip it, and place the folder in ~/.claude/skills/ for personal use or .claude/skills/ inside a project. In the Claude apps you can instead upload the ZIP under Settings → Capabilities → Skills.
Does the consistent-help skill require anything else to run?
The skill lists no required dependencies. It runs no scripts and uses no network, so it works through the agent's reading of your code or screenshots.
Is the consistent-help skill free?
The skill is published under the MIT licence. This directory's page does not list a price, so check the licence terms in the source repository for details.
Can the skill scan my live website automatically?
No. The skill includes no scanning tool. You need to provide the code or screenshots of the pages you want reviewed.
Does this skill work for a single page?
It is designed for multi-page flows, because the rule is about consistency across pages. For a standalone page with no related screens, it is not a good fit.
Does the skill change my files?
No. It is a review guide that flags inconsistent help placement and suggests fixes. You make any changes yourself.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Choose this skill if you are a front-end developer, designer or accessibility reviewer checking support options across a multi-step journey before release. Pick something else if you need automated scanning of a live site or you only have a single standalone page to review.
Download the skill