Favicon check

Skill claude-hangar/claude-hangar/core/skills/favicon-check

Production-grade configuration management for Claude Code. Hooks, agents, skills, multi-project orchestration.

Install

npx -y skills add claude-hangar/claude-hangar --skill favicon-check

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Favicon/app icon completeness check. Use when: "favicon", "icon check", "app icon", "icons".

SKILL.md

3.3 KB, as published. Nobody here has run it

/favicon-check — Favicon & App Icon Check

Checks whether a web project has all important favicons and icons.

Checklist

#	Check	Where to look	Required
1	`favicon.ico` (32x32)	`/public/` or root	YES
2	`favicon.svg` (scalable)	`/public/` or root	Recommended
3	`apple-touch-icon.png` (180x180)	`/public/` or root + `<link>` in `<head>`	YES
4	`manifest.json` / `site.webmanifest`	`/public/` — icons array with 192x192 + 512x512	Recommended
5	`<link rel="icon">` in HTML `<head>`	Layout/base template	YES
6	OG image (`og:image` meta tag)	Layout/base template	Recommended
7	Theme color meta tag	`<head>` + manifest	Recommended

Procedure

Search project root and /public/ for icon files
Check HTML <head> in layout/base template
Read manifest.json (if present)
Output checklist with status per check
For MISSING: provide concrete fix suggestion

Fix Suggestions

favicon.ico missing:

<!-- In <head> -->
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">

apple-touch-icon missing:

<link rel="apple-touch-icon" href="/apple-touch-icon.png">

manifest missing:

{
  "name": "{{PROJECT_NAME}}",
  "icons": [
    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" }
  ],
  "theme_color": "#ffffff",
  "background_color": "#ffffff"
}

Structured Output (Optional)

When called in the context of /polish or /audit, additionally write/extend .micro-check-results.json:

{
  "faviconCheck": {
    "date": "YYYY-MM-DD",
    "checks": [
      { "id": "FAV-01", "name": "favicon.ico", "status": "ok|missing|incomplete", "severity": "HIGH" },
      { "id": "FAV-02", "name": "favicon.svg", "status": "ok|missing", "severity": "MEDIUM" },
      { "id": "FAV-03", "name": "apple-touch-icon", "status": "ok|missing", "severity": "HIGH" },
      { "id": "FAV-04", "name": "manifest.json", "status": "ok|missing", "severity": "MEDIUM" },
      { "id": "FAV-05", "name": "link-rel-icon", "status": "ok|missing", "severity": "HIGH" },
      { "id": "FAV-06", "name": "og-image", "status": "ok|missing", "severity": "MEDIUM" },
      { "id": "FAV-07", "name": "theme-color", "status": "ok|missing", "severity": "LOW" }
    ],
    "summary": { "ok": 5, "missing": 2 }
  }
}

Rule: Only write when explicitly in the context of a parent skill. For standalone calls, text output only.

Rules

Read-only — does not create files except optional .micro-check-results.json
Works with any web project (Astro, Next.js, Hugo, static)
For Astro: check src/layouts/ and public/