Skip to content
Get packs

Adblock Element Hiding Check

Spot page elements that adblockers might hide by mistake and suggest safer class and ID names.

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

What it does

When installed, the agent reviews a website's HTML class names and IDs for names that common ad blockers (such as uBlock Origin using EasyList rules) are known to hide, like .ad, .banner, or .cookie-banner. It explains why a legitimate banner or cookie consent notice could disappear for visitors with blockers, suggests more specific, content-focused names, and recommends testing the page with an ad blocker turned on.

Great for

  • Front-end developers checking that cookie notices and promo banners stay visible to users with ad blockers
  • Site owners who see missing banners or broken layouts reported by visitors
  • Teams doing a pre-launch review of a site's markup for compliance-related notices

Skip it if

  • Anyone trying to block ads or bypass blockers on a site, since the skill is about making legitimate content less likely to be hidden, not about evading protections
  • Projects needing a verified or authoritative privacy/GDPR compliance audit, because the skill's claims (such as the ~30-40% desktop figure) are stated without sources in the files and the check is a heuristic
  • Reviewing code where the 'Code Review' section would require server or header inspection, since the skill gives only generic guidance for that step

Try asking

  • “Review this page's HTML and tell me which class names might be hidden by ad blockers”
  • “My cookie banner disappears with uBlock Origin on, how should I rename it?”
  • “Check my site for names like .ad, .sponsor or #banner that could cause false-positive blocking”
  • “Explain to my team how EasyList filter rules hide elements”
Step-by-step guide: how to use Adblock Element Hiding CheckInstall, 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.

    element-hiding.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip element-hiding.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip element-hiding.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

  • Give the agent the page HTML or a URL's markup, and say whether you have already tested with uBlock Origin enabled.
  • Ask for specific, content-based replacement names rather than generic ones, and then retest in a browser with an ad blocker on.
  • Treat the statistics in the skill as unverified and check current sources before quoting them in compliance documents.

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.