Build or update the BlueBubbles external channel plugin for Moltbot (extension package, REST...
emoji2favicon
0
0
# Install this skill:
npx skills add ConstantineB6/emoji2favicon
Or install specific skill: npx add-skill https://github.com/ConstantineB6/emoji2favicon
# Description
Convert any emoji into favicon and icon assets (PNG, ICO, Apple touch icons). Use when the user needs to create a favicon from an emoji, generate app icons, or convert emoji to PNG images for web projects.
# SKILL.md
name: emoji2favicon
description: Convert any emoji into favicon and icon assets (PNG, ICO, Apple touch icons). Use when the user needs to create a favicon from an emoji, generate app icons, or convert emoji to PNG images for web projects.
metadata:
author: const
version: "1.0.0"
allowed-tools: Bash(npx emojico *)
Emoji to Favicon
Convert any emoji into a complete set of favicon and icon assets for web projects.
Usage
When the user wants to convert an emoji to favicon/icon assets:
npx emojico <emoji> --all --out <directory>
Arguments
<emoji>- The emoji to convert (required)--out <dir>- Output directory (default: current directory)--all- Generate all assets (recommended)
Examples
# Generate all favicon assets for rocket emoji
npx emojico π --all
# Output to specific directory
npx emojico π¨ --all --out ./public
# Just favicon.ico (no --all flag)
npx emojico π₯
Generated Files
With --all flag, the following assets are created:
| File | Size | Purpose |
|---|---|---|
favicon.ico |
16x16, 32x32, 48x48 | Browser tab icon |
og-image.png |
1200x630 | Social media preview |
favicons/favicon-16x16.png |
16x16 | Small browser icon |
favicons/favicon-32x32.png |
32x32 | Standard browser icon |
favicons/favicon-48x48.png |
48x48 | Large browser icon |
apple-touch-icon/*.png |
57-180px | iOS home screen icons |
HTML Integration
After generating, add to your HTML <head>:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon/apple-touch-icon-180x180.png">
Tips
- Use simple, recognizable emoji for best results at small sizes
- The
--allflag is recommended for complete browser/device coverage - For Next.js/Remix, output to
./publicdirectory - For Vite, output to
./publicor project root
# README.md
emoji2favicon
An Agent Skill that converts emoji into favicon and icon assets.
Works with Claude Code, Cursor, GitHub Copilot, Gemini CLI, and other compatible AI agents.
Install
npx skills add const/emoji2favicon
Or manually copy the SKILL.md to your skills directory:
- Claude Code: ~/.claude/skills/emoji2favicon/SKILL.md
- Cursor: .cursor/skills/emoji2favicon/SKILL.md
Usage
Once installed, your AI agent can use this skill automatically when you ask it to:
- "Create a favicon from the π emoji"
- "Generate app icons using the π¨ emoji"
- "I need a favicon for my project, use the π₯ emoji"
Or invoke directly in Claude Code:
/emoji2favicon π
What it generates
favicon.ico(multi-size)og-image.png(1200x630 for social sharing)- PNG favicons (16, 32, 48px)
- Apple touch icons (57-180px)
Requirements
- Node.js / npm (for
npx) - Uses emojico under the hood
License
MIT
# Related Skills
Search for places (restaurants, cafes, etc.) via Google Places API proxy on localhost.
Manage Trello boards, lists, and cards via the Trello REST API.
Add a new endpoint or endpoints to Ghost's Admin API at `ghost/api/admin/**`.
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Amp
Antigravity
Claude Code
Clawdbot
Codex
Cursor
Droid
Gemini CLI
GitHub Copilot
Goose
Kilo Code
Kiro CLI
OpenCode
Roo Code
Trae
Windsurf
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.