favicon-gen

Generate custom favicons from logos, text, or brand colours. Produces favicon.svg, favicon.ico, apple-touch-icon.png, icon-192/512.png, and web manifest. Use whenever the user wants a favicon, mentions replacing a CMS default favicon, converting a logo into a favicon, creating branded initials icons, or troubleshooting favicon not displaying / iOS black square / missing manifest.

Jump to install

Repository: jezweb/claude-skills
Last source activity: June 11, 2026 at 13:18
Detected SKILL.md language: English
Stars: 968
Forks: 102

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/jezweb/claude-skills --skill favicon-gen

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

File Explorer

9 files

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

aussie-business-english

Australian business English for professional writing — warm, direct, EN-AU spelling (colour, organise, centre), no filler words. Use whenever the user is writing for an Australian audience: emails, chat messages, proposals, client communications, blog posts, web copy, or any business writing. Apply to drafting, editing, and tone-checking professional text.

2026-07-02

cloudflare-api

Hit the Cloudflare REST API directly for operations that wrangler and MCP can't handle well. Bulk DNS, custom hostnames, email routing, cache purge, WAF rules, redirect rules, zone settings, Worker routes, D1 cross-database queries, R2 bulk operations, KV bulk read/write, Vectorize queries, Queues, and fleet-wide resource audits. Produces curl commands or scripts. Triggers: 'cloudflare api', 'bulk dns', 'custom hostname', 'email routing', 'cache purge', 'waf rule', 'd1 query', 'r2 bucket', 'kv bulk', 'vectorize query', 'audit resources', 'fleet operation'.

2026-06-11

codex-review

Run an independent code review using the OpenAI Codex CLI in headless mode. Gets a second opinion from a different model family (the current Codex models) on recent changes, a PR, a commit, or the whole app — covering bugs, regressions, security, data consistency, UX/state bugs, performance risks, and testing gaps. Saves a severity-prioritised report to .jez/reviews/. Triggers: 'codex review', 'review with codex', 'independent code review', 'what does codex think', 'get codex to review'.

2026-06-11

View all from this repository

name	favicon-gen
description	Generate custom favicons from logos, text, or brand colours. Produces favicon.svg, favicon.ico, apple-touch-icon.png, icon-192/512.png, and web manifest. Use whenever the user wants a favicon, mentions replacing a CMS default favicon, converting a logo into a favicon, creating branded initials icons, or troubleshooting favicon not displaying / iOS black square / missing manifest.
compatibility	claude-code-only

Favicon Generator

Generate a complete favicon package from a logo, initials, or brand colours. Produces all required formats and HTML integration code.

Workflow

Step 1: Choose Your Approach

Have a logo with an icon element?
 YES -> Extract icon from logo
 NO  -> Have text/initials?
         YES -> Create monogram favicon
         NO  -> Use branded shape

Step 2: Create Source SVG

Extracted icon — copy icon paths from logo, centre in 32x32 viewBox, simplify for small sizes.

Monogram — use a template from assets/:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
  <circle cx="16" cy="16" r="16" fill=/>
  AC

Format	Size	Transparency	Purpose
`favicon.svg`	Vector	Yes	Modern browsers
`favicon.ico`	16+32	Yes	Legacy browsers
`apple-touch-icon.png`	180x180	No	iOS home screen
`icon-192.png`	192x192	Yes	Android
`icon-512.png`	512x512	Yes	PWA

favicon-gen

Install options

Review the source files

Favicon Generator

Workflow

Step 1: Choose Your Approach

Step 2: Create Source SVG

Favicon Generator

Workflow

Step 1: Choose Your Approach

Step 2: Create Source SVG

Step 3: Generate All Formats

Step 4: Create Web Manifest

Step 5: Add HTML Tags

Critical Rules

Format Quick Reference

Asset Files

Reference Files

favicon-gen

Source facts

Install options

Review the source files

More from this repository

More from this repository

Favicon Generator

Workflow

Step 1: Choose Your Approach

Step 2: Create Source SVG

Favicon Generator

Workflow

Step 1: Choose Your Approach

Step 2: Create Source SVG

Step 3: Generate All Formats

Step 4: Create Web Manifest

Step 5: Add HTML Tags

Critical Rules

Format Quick Reference

Asset Files

Reference Files