Details
Overview
Components: Favicon Skill is an open-source Agent Skill from the kostja94/marketing-skills collection (MIT). It teaches AI coding agents focused marketing / SEO workflows so they can produce production-ready guidance instead of generic advice.
Guides favicon and app icon implementation for brand consistency across browser tabs, bookmarks, mobile home screens, and Google Search results. Favicons help users identify sites; missing or incorrect icons hurt trust.
Identify: 1. Tech stack: Next.js, WordPress, static HTML, etc. 2. PWA: Is the site a PWA or planning to be? 3. Existing assets: Logo, icon files
Official skill id: favicon-generator. Source path: skills/components/branding/favicon.
Key Features
- S: implicity: At 16x16, complex details are illegible; use simplified logo mark; design for brand recognition in SERPs
- C: onsistency: Favicon should match logo/brand (logo-generator, brand-visual-generator)
- C: ache: Use long cache; version for updates (e.g.
/favicon.ico?v=2) - T: ools: RealFaviconGenerator, favicon.io, or favicons npm package for automation
- T: est: Check across browsers, dark mode, and Search Console (favicon may take days to weeks to appear)
- S: ize checklist (16, 32, 180, 192, 512; >48x48 for Google Search)
How to Use
- Use a Skill-compatible agent such as Claude Code, Cursor, or Codex.
- Install from the terminal (Node.js required):
npx skills add https://github.com/kostja94/marketing-skills --skill favicon
Or paste the install prompt from this tool page into your agent and ask it to install for you. 3. Restart / reload the agent so the new Skill is loaded. 4. Invoke the Skill with its slash commands or by asking the agent to run the workflow described in Overview / Key Features. 5. Review outputs before publishing — treat model-generated copy, images, and data as drafts.
Pricing
| Plan | Billing | Price | Notes |
|---|---|---|---|
| Open source | — | Free | MIT license; install via npx skills add |
| Full pack | — | Free | Optional: install the entire marketing-skills repo |
No paid tiers. Check the GitHub repository for license and updates.
Best For
Marketers, indie hackers, ecommerce / SaaS founders, and SEO operators who want agents to execute a specific marketing task with structured best practices.
Trigger context from the skill author: When the user wants to implement, optimize, or audit favicon and app icons. Also use when the user mentions "favicon," "app icon," "browser icon," "touch icon," "PWA icon," "favicon sizes," "apple-touch-icon," "favicon.ico," "site icon," or "tab icon." For visual system, use brand-visual-generator.
FAQ
How do I install this skill?
npx skills add https://github.com/kostja94/marketing-skills --skill favicon-generator
Or copy the skill folder into .cursor/skills/, .agents/skills/, or .claude/skills/.
Does this skill run code on my machine?
No. Skills in this collection are pure Markdown instructions for agents — no executable payloads.
Can I install only this skill instead of the full pack?
Yes. Prefer --skill favicon-generator for a single task. Install 2–3 related skills per job rather than the entire library.
Where should I add project context?
Copy templates/project-context.md from the repo into .cursor/ or .claude/ and fill in product, audience, and brand details so outputs stay tailored.