Skip to content
Get packs

Fix invalid links

Audit a page's links and fix ones search engines can't follow, like empty or JavaScript-only hrefs.

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

What it does

This skill teaches the agent a checklist for SEO link problems. When you ask it to review a page, it looks through the page's link tags for ones that search engine crawlers cannot follow, such as empty links, javascript:void links, links with no href, and click-only elements styled as links. It reports how many of each it finds and suggests fixes, like adding real URLs or switching action-only elements to buttons.

Great for

  • Front-end developers checking that navigation is crawlable before launch
  • SEO or marketing staff auditing a site for indexing problems
  • Teams reviewing single-page apps where menus may use click handlers instead of real links

Skip it if

  • Projects that need automated link checking of live URLs, since this skill only inspects the markup it is given and does not test whether target pages respond (it has no link-checking script)
  • Pages where links are deliberately JavaScript-driven and crawlability is not a goal, such as logged-in app dashboards

Try asking

  • “Audit the links in this HTML page for crawlability issues and count each problem type”
  • “Review my React navigation component for javascript: or missing href links”
  • “Fix the href='#' anchors in this landing page and suggest real section IDs”
Step-by-step guide: how to use Fix invalid linksInstall, 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.

    invalid-links.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip invalid-links.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

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

  • Paste the rendered HTML or the component code, since the skill checks markup rather than live URLs.
  • Ask for the count per problem type to get a prioritised list of fixes.
  • Treat the advice as a starting point; check the framework-specific guidance in references/rule.md for your stack.

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.