Skip to content
Get packs

Favicon Checker

Audits and sets up correct favicon tags and files for websites

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

What it does

Once installed, the agent checks a web page's head section for favicon link tags, verifies the icon files exist, load over HTTPS, are not blocked by robots.txt, and are large enough for Google search results. It can also walk you through creating the usual icon files (ICO, SVG, Apple touch icon) and adding the correct tags. It works from written guidance rather than running any tool of its own.

Great for

  • Front-end developers setting up a new website or app
  • Teams auditing an existing site's SEO and branding basics
  • Anyone whose site icon is missing or not showing in browser tabs or Google results

Skip it if

  • Generating or designing the actual icon artwork, since the skill only covers tags, file formats and checks
  • Sites that need a full SEO audit beyond favicons, because it covers only this one item

Try asking

  • “Check whether my homepage has a correctly configured favicon”
  • “Audit the link icon tags in my site's head section”
  • “Set up favicon files and tags for my new Next.js project”
Step-by-step guide: how to use Favicon 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.

    favicon.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

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

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip favicon.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 URL or HTML so it can inspect the actual head tags rather than guess.
  • Ask it to confirm the 48x48px minimum for Google, since the guidance focuses on that threshold.
  • After making changes, use Google Search Console's URL Inspection tool to verify how Google sees the icon.

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.