About

Imported from joelhooks/joelclaw (skills/favicon/SKILL.md). Install upstream with npx skills add joelhooks/joelclaw --skill favicon. Copyright stays with the author.

Favicon Generation with emojico

Name: favicon
Author: joelhooks

Generate complete favicon sets from emoji. Use the supplied or established project emoji. Ask only when the project has no clear choice.

When to Use

Triggers: favicon, add favicon, update favicon, site icon, emojico, touch icon, or any request to add/change a site's icon.

Install

npm install -g emojico

Verify: emojico --help

Usage

# Generate full set into project's public/ dir
emojico 🧙 --out ./public --all

# Generates:
# public/favicon.ico
# public/favicons/favicon-16x16.png
# public/favicons/favicon-32x32.png
# public/favicons/favicon-48x48.png
# public/apple-touch-icon/apple-touch-icon-{57,60,72,76,114,120,144,152,180}x{...}.png
# public/og-image.png

Wiring Into Frameworks

Next.js (App Router)

favicon.ico in public/ is auto-served. Add metadata in layout.tsx:

export const metadata: Metadata = {
  icons: {
    icon: '/favicon.ico',
    apple: '/apple-touch-icon/apple-touch-icon-180x180.png',
  },
}

TanStack Start

Add to __root.tsx head config:

links: [
  { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
  { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon/apple-touch-icon-180x180.png' },
]

Rules

NEVER use a default emoji. Use the supplied or established emoji; ask only when the choice is missing and material for the project.
Always use --all to generate the complete set (ico + png + apple + og).
Output to public/ in the target app directory.
Wire head tags after generating — emojico generates files but doesn't modify source.
Prefer dynamic OG images over the static og-image.png for sites with multiple pages — use the emojico OG as a fallback only.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/joelhooks-joelclaw-favicon/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

joelhooks-joelclaw-favicon.ocm.jsonjson

{
  "ocm": "1",
  "id": "joelhooks-joelclaw-favicon",
  "kind": "skill",
  "name": "favicon",
  "description": "Generate emoji-based favicons, Apple touch icons, and OG images using emojico. Use when adding or updating favicons for any project. Use the supplied or established project emoji; ask only when that choice is missing.",
  "publisher": "joelhooks",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "favicon",
      "seo",
      "branding",
      "emojico",
      "skills-sh"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Generate emoji-based favicons, Apple touch icons, and OG images using emojico. Use when adding or updating favicons for any project. Use the supplied or established project emoji; ask only when that choice is missing."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "skills.sh",
      "repository": "https://github.com/joelhooks/joelclaw",
      "path": "skills/favicon/SKILL.md",
      "ref": "HEAD",
      "url": "https://github.com/joelhooks/joelclaw/blob/HEAD/skills/favicon/SKILL.md",
      "key": "joelhooks/joelclaw/skills/favicon/SKILL.md"
    }
  },
  "instructions": "# Favicon Generation with emojico\n\nGenerate complete favicon sets from emoji. Use the supplied or established project emoji. Ask only when the project has no clear choice.\n\n## When to Use\n\nTriggers: `favicon`, `add favicon`, `update favicon`, `site icon`, `emojico`, `touch icon`, or any request to add/change a site's icon.\n\n## Install\n\n```bash\nnpm install -g emojico\n```\n\nVerify: `emojico --help`\n\n## Usage\n\n```bash\n# Generate full set into project's public/ dir\nemojico 🧙 --out ./public --all\n\n# Generates:\n# public/favicon.ico\n# public/favicons/favicon-16x16.png\n# public/favicons/favicon-32x32.p",
  "cost": {
    "context_tokens": 446
  }
}

Fetch it by URL: GET /api/v1/registry/joelhooks-joelclaw-favicon/manifest?version=1.0.0

Reviews

Star ratings from people who tried it. One review per account; edit yours any time.

No reviews yet. Install it, try it, and be the first to rate it.