🖼️
FrontendPython

Favicon Generator

by jezweb

Favicon Generator is a Frontend skill for Claude Code, published by jezweb in claude-skills.

974 stars102 forkson jezweb/claude-skillsAdded 2026/08/21Repository updated 2026/07/02
aianthropicautomationclaude-codeclaude-skillscloudflaredevtoolsproductivityreactskillstailwindvite
Install in seconds
Install Favicon Generator
Copy Favicon Generator into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/jezweb/claude-skills/tree/main/plugins/design-assets/skills/favicon-gen ~/.claude/skills/favicon-gen

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/jezweb/claude-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
plugins/design-assets/skills/favicon-gen/SKILL.md in jezweb/claude-skills
Installs to
~/.claude/skills/favicon-gen
Collection
One of 25 skills cataloged from this repository
Category
Frontend567 skills

What Favicon Generator does

Favicon Generator creates a complete favicon set from a logo, initials, or brand colors. Use it when replacing a default favicon, fixing iOS black squares, or adding the required icon files and manifest.

Favicon Generator is cataloged under Frontend on DirSkills. Favicon Generator comes from a repository tagged ai, anthropic, automation, claude-code and claude-skills.

Documentation

README

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.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Favicon Generator

  • What else does jezweb publish alongside Favicon Generator?

    Favicon Generator is one of 25 skills that DirSkills catalogs from jezweb/claude-skills, the repository it ships in. Its siblings there include AI Image Generator, App Documentation Generator and Cloudflare API. Each one is a separate skill with its own page in this directory, installs the same way Favicon Generator does, and is maintained by jezweb in that same repository. The rest of the collection is listed on the jezweb/claude-skills page.

  • How does Favicon Generator compare to other Frontend skills?

    Favicon Generator ranks #337 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Favicon Generator against them. Open each page to compare what they document and how they install.

More from jezweb/claude-skills

Favicon Generator is one of 25 skills cataloged on DirSkills from jezweb/claude-skills.

See all 25 skills
🎨
1w ago

AI Image Generator

AI Image Generator uses Gemini and OpenAI image APIs to create scenes, icons, posters, infographics, and other visual assets. Use it when you need text-aware images, transparent icons, batch variations, or multi-reference compositing.
AI Engineering
974102
📘
1w ago

App Documentation Generator

App Documentation Generator browses a web app, screenshots its screens, and writes a structured user guide. Use it to create step-by-step docs, annotated screenshots, and workflow references for end users or admins.
Writing
974102
☁️
1w ago

Cloudflare API

Cloudflare API hits the Cloudflare REST API directly for bulk DNS, custom hostnames, email routing, WAF rules, cache purge, and other fleet operations. Use it when wrangler or MCP are too limited or too slow.
DevOps
974102
☁️
1w ago

Cloudflare Worker Builder

Cloudflare Worker Builder scaffolds and deploys Cloudflare Worker projects with Hono, Vite, and Static Assets. Use it to set up bindings, route APIs, and troubleshoot export or deployment issues.
DevOps
974102
🔎
1w ago

Codex Review

Codex Review runs an independent code review with the OpenAI Codex CLI and saves a severity-prioritised report. Use it for PRs, commits, uncommitted changes, or whole-app checks to catch bugs, regressions, security, and testing gaps.
Quality
974102
🎨
1w ago

Color Palette Generator

Color Palette Generator creates accessible color scales, semantic tokens, and dark mode variants from a brand hex. Use it when setting design system colors, generating Tailwind theme values, or checking contrast.
Frontend
974102